The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Form Page Need Help Plz
Reen
post Dec 20 2008, 11:45 AM
Post #1





Group: Members
Posts: 1
Joined: 20-December 08
Member No.: 7,376



I'm trying to make a form page that will send to my email after they fill it out. I know some html, but no java. Can someone look at what i have so far and tell me how to make it work? I used some templates to help me get it started. I probably have it all wrong, but could really use a hand getting the idea to work. Thanks a ton, Matt

Preview

-------------------------------------------------------------------
application.html
-------------------------------------------------------------------
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link href="style.css" rel="stylesheet" type="text/css" />
<title>-=FoRSaKeN VeNGeAnCe=-</title>
<script language="javascript" src="application.js"></script>
</head><body>
<div id="container">
<div id="center">
<div class="post">
<div class="postheader"><h1></h1></div>
<div class="postcontent">
<center><h2>~~UNDER CONSTRUCTION~~<br>
NOT CURRENTLY WORKING</h2></center>
<h4>Apply Now!</h4>
<p>
Thank you for your interest in joining Forsaken Vengeance. We are a mid-sized raiding guild on the Sisters of Elune server - Horde faction. We strive for progression and our goal is to continue advance through new encounters as efficiently as possible.

Because we are focused on advancement we are selective with recruitment. When we recruit, we look for mature individuals willing to put in the time and effort necessary to help us reach our goals. Our members are expected to contribute their skills, talents, and time to help better the guild.

We are primarily a group of working adults with a median age in the mid to late 20's who play the game to have fun. We are not baby-sitters, and as such, we have little tolerance for bull######. It is expected that all of our members will treat each other with respect, regardless of their personal feelings towards other members of the guild they may not like.
</p>

<h4>General Requirements:</h4>

<p>
-Excellent playtimes. You must be able to attend at least 60% of our raids to be considered for membership.
-You must be able to get along with others.
-You must have the desire to defeat the hardest content available.
-You must have the patience to work through learning difficult new bosses.
</p>
<p>
Our raid times and Class openings are posted in our forums.
</p>
<p>
You may still apply even if your class or spec is closed. We will always consider exceptional players.

Apply by copying and pasting the following application template in reply to this thread.

Keep in mind that we took the time to put up this application process and will take the time to review your application. We expect you to take the time to fill it out and show us that you want to be a part of FV. Our review of your application will be proportionate to the amount of effort you put into creating your application.
</p>

<p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
</p>
<form name="myform" div style="margin-left:50px">
<p>Class :  
<select name="optone" size="1"
onchange="setOptions(document.myform.optone.options[document.myform.optone.selectedIn
dex].value);">
<option value=" " selected="selected"> </option>
<option value="1">Death Knight</option>
<option value="2">Druid</option>
<option value="3">Hunter</option>
<option value="4">Mage</option>
<option value="5">Paladin</option>
<option value="6">Priest</option>
<option value="7">Rogue</option>
<option value="8">Shaman</option>
<option value="9">Warlock</option>
<option value="10">Warrior</option>
</select>
</p>
<p>Spec :  
<select name="opttwo" size="1">
<option value=" " selected="selected">Please select your Class</option>
</select>
</p>

<p>
Why do you want to join Forsaken Vengeance?<br><br>
<textarea rows="5" cols="40" wrap="physical" name="whyjoin"></textarea>
</p>

<p>
What days can you raid?<br><br>
<input type="checkbox" name="option1" value="Sun"> Sun  
<input type="checkbox" name="option2" value="Mon"> Mon  
<input type="checkbox" name="option3" value="Tue"> Tue  
<input type="checkbox" name="option4" value="Wed"> Wed  
<input type="checkbox" name="option5" value="Thu"> Thu  
<input type="checkbox" name="option6" value="Fri"> Fri  
<input type="checkbox" name="option7" value="Sat"> Sat  
</p>

<p>
Will you use Ventrilo?<br><br>
<input type="radio" name="vent" value="Yes"> Yes
<input type="radio" name="vent" value="No" checked> No<br>
</p>

<p>
Prior Raid Experience: <br><br>
<textarea rows="5" cols="40" wrap="physical" name="exp"></textarea>
</p>

<p>
Do you have a Referal? If so, who?<br><br>
<input name="referal" value="" size="20" type="text">
</p>

<p>
How old are you? And briefly describe yourself: <br><br>
<textarea rows="5" cols="40" wrap="physical" name="bio"></textarea>
</p>
<br><br>
<center>
<input type="button" name="go" value="Send Application"
onclick="parent.location='mailto:reen@forsakenvengeance.com?subject=Your Subject'">
</center>
</div></form>

</div>
<div class="postfooter"></div>
</div>
<div id="line"></div>
<div id="footer">
<ul>
<li><a href="http://www.forsakenvengeance.com/links.html" target="main">Links</a></li>
<li><a href="http://www.forsakenvengeance.com/phpBB2/index.php" target="_top">Forums</a></li>
<li><a href="http://www.forsakenvengeance.com/news.html" target="main">News</a></li>
<li><a href="http://www.forsakenvengeance.com/downloads.html" target="main">Downloads</a></li>
<li class="last"><a href="http://www.forsakenvengeance.com/contact.html" target="main">contact</a></li>
</ul>
<span>Copyright © 2007. All rights reserved. Design by reen</span>
<center><a href="http://www.mozilla.com/en-US/firefox/" target="_top"><img border="0" src="images/bestviewed.jpg"></a></center>
</div>


</div>
</div>
</body></html>




-------------------------------------------------------------------
application.js
-------------------------------------------------------------------
function setOptions(chosen) {
var selbox = document.myform.opttwo;

selbox.options.length = 0;
if (chosen == " ") {
selbox.options[selbox.options.length] = new Option('Please select your Class');

}
if (chosen == "1") {
selbox.options[selbox.options.length] = new Option('Blood','oneone');
selbox.options[selbox.options.length] = new Option('Frost','onetwo');
selbox.options[selbox.options.length] = new Option('Unholy','onetwo');
}
if (chosen == "2") {
selbox.options[selbox.options.length] = new Option('first choice - option one','oneone');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
}
if (chosen == "3") {
selbox.options[selbox.options.length] = new Option('first choice - option one','oneone');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
}
if (chosen == "4") {
selbox.options[selbox.options.length] = new Option('first choice - option one','oneone');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
}
if (chosen == "5") {
selbox.options[selbox.options.length] = new Option('first choice - option one','oneone');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
}
if (chosen == "6") {
selbox.options[selbox.options.length] = new Option('first choice - option one','oneone');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
}
if (chosen == "7") {
selbox.options[selbox.options.length] = new Option('first choice - option one','oneone');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
}
if (chosen == "8") {
selbox.options[selbox.options.length] = new Option('first choice - option one','oneone');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
}
if (chosen == "9") {
selbox.options[selbox.options.length] = new Option('first choice - option one','oneone');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
}
if (chosen == "10") {
selbox.options[selbox.options.length] = new Option('first choice - option one','oneone');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
selbox.options[selbox.options.length] = new Option('first choice - option two','onetwo');
}

}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Dec 20 2008, 07:24 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Your form doesn't have an action attribute. It won't do much of anything.

Please see the FAQ entry How do I get form data emailed to me?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
geoffmerritt
post Dec 23 2008, 05:20 PM
Post #3


Member
***

Group: Members
Posts: 66
Joined: 23-December 08
From: Adelaide
Member No.: 7,394



Below is your code for the form.

CODE
<form name="myform" div style="margin-left:50px">


As Darin pointed out it doesn't have an action statement.

CODE
<form name="myform" action="mailto:me@email.com" div style="margin-left:50px">


The trouble with a mailto: statement is that most new browsers, guessing from IE5 will block the html from sending the email....

You will a server side script, like php, asp or a cgi to get the form to work. Your code would change to something like.....

CODE
<form name="myform" action="sendform.php" div style="margin-left:50px">


And you would need the sendform.php script to the send off the form.
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: 24th April 2024 - 09:19 PM