The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Forms
Diz
post Aug 17 2009, 08:47 PM
Post #1





Group: Members
Posts: 1
Joined: 17-August 09
Member No.: 9,472



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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 18 2009, 11:53 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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

For the hiding bit, google JavaScript+dynamic+forms.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th March 2024 - 09:19 AM