Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ General Web Design _ Forms

Posted by: Diz Aug 17 2009, 08:47 PM

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

<form action="mailto:dittosdocks@gmail.com" 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?

Posted by: pandy Aug 18 2009, 11:53 AM

Free (and paid) form handling scripts can be downloaded from for example http://hotscripts com.

For the hiding bit, google http://google.com/search?q=JavaScript+dynamic+forms.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)