Forms

[_Ditto_]

I have two different things I'm wanting to do with this. I'll explain after you see the form.

<form action="mailto:[email protected]" method="post" name="Request">
Name:<br />
<input type="text" value="Name" name="name" /><br />
E-mail:<br />
<input type="text" value="Email" name="email" /><br /><br />
What would you like?<br />
<input type="checkbox" name="graphics" value="avatar" />Avatar<br />
<input type="checkbox" name="graphics" value="banner" />Banner<br />
<input type="checkbox" name="graphics" value="signature" />Signature<br /><br />

Avatar:[ignore if you are getting something else]<br />
<input type="radio" name="asize" value="alarge" /> 100 x 100<br />
<input type="radio" name="asize" value="asmall" /> 50 x 50<br />
<input type="radio" name="asize" value="acustom" />Enter custom size:<br />
<div style="text-indent: 50px;"><input type="text" name="acustomsize" value="Width x Hight" /></div><br /><br />

Banner:[ignore if you are getting something else]<br />
<input type="radio" name="bsize" value="blarge" />Banner Large Size<br />
<input type="radio" name="bsize" value="bsmall" />Banner Small Size<br />
<input type="radio" name="bsize" value="bcustom" />Enter custom Size:<br />
<div style="text-indent: 50px;"><input type="text" name="bcustomsize" value="Width x Hight" /></div><br /><br />

Signature:[ignore if you are getting something else]<br />
<input type="radio" name="ssize" value="slarge" />Signature Large Size<br />
<input type="radio" name="ssize" value="ssmall" />Signature Small Size<br />
<input type="radio" name="ssize" value="scustom" />Enter custom Size:<br />
<div style="text-indent: 50px;"><input type="text" name="scustomsize" value="Width x Hight" /></div><br /><br />

Colors:[up to three]<br />
<input type="text" name="color" value="#XXXXXX" /><br />
<input type="text" name="color" value="#XXXXXX" /><br />
<input type="text" name="color" value="#XXXXXX" /><br /><br />

Image:[optional]<br />
<input type="textarea" name="image" value="Image URL" /><br /><br />

<input type="submit" value="Submit" /><input type="reset" value="Reset" />

</form>

Number one is the most important. Currently, I'm using the mailto attribute. This would be fine for a simple contact form, but my form is a big request form. And the mailto attribute creates some very ugly e-mails, also, it requires the use of the default e-mail provider on the system. This might not seem to be a problem, but it is. I used to use Hotmail, and a program like Outlook Express couldn't get e-mails from Hotmail. So when I would submit a form, it would pull that up, but I couldn't send that. So I would like help with a form handler, so that the server sends the e-mails its self, not bothering the visitor.

And my second problem isn't hardly much of a problem, just that I'm not sure about some of the rules involved with Javascript. You can see that I have told people to ignore some of the parts of the form, if they aren't requesting a graphic of that type. I would prefer if the visitor didn't even see those parts at all. For example, when the page is loaded, all you see is the Name, E-mail, What would you like, colors, image, and reset/submit parts. Then, when, say, Signature, is chosen, it's respective section of the form would appear. Is it possible to do that, and how?

 

[Serpentsounds]

This thread is a little old, so you have probably gone off and solved this elsewhere already. Nonetheless, in the off chance you are still seeking help, I will provide a push in the right direction.

For the form elements which only pertain to a specific category, it would be best to hide them and toggle their visibility using a javascript onclick event on the check box inputs.

If you want the server to send the email, change the form action to a PHP page which parses the data and send it using PHP's mail function. You'll need hosting on a server with PHP installed, obviously.