HTML - Trouble With Email When Clicked On Submit Button
Hiya!
All the codes are working well but I have trouble with the email post. When you select an item on dropdown list and then click on the submit button, the email should show Description=Memo pad R62. Problem is that it only shows Description=1 - no words, huh? You can simply copy all these codes and paste on your field so that you can see what I mean. Hope you can help me fix this. Your help much appreciated. Code: <head> <script type="text/javascript"> var option_values = []; option_values[0] = [ "Card A6 - R32", "Memo Pad - R62" ]; option_values[1] = [ "Card A6 - R35", "Memo Pad - R65" ]; window.onload = function() { var select_list = document.getElementById("two"); document.getElementById("one").onchange = function() { // If the selected option has no value, return if (!this.value) { return; } // Remove all options from the select list while (select_list.hasChildNodes()) { select_list.removeChild(select_list.firstChild); } // Create and append the default option var option = new Option("Please select...", ""); select_list.appendChild(option); // Create and append all options from the appropriate nested array var value_array = option_values[this.value]; for (var i = 0; i < value_array.length; i++) { option = new Option(value_array[i], i); select_list.appendChild(option); } } } </script> </head> <body> <form action="mailto:youremail@gmail.com" method="post" enctype="text/plain"> <p>Description</p> <div> <select id="one" name="Description"> <option value="">Please select...</option> <option value="0">Happy Birthday Card</option> <option value="1">Wedding Card</option> </select> <select id="two"></select> </div> <p> <input type="submit" value="Send Email"/> <input type= "reset" value="Clear" /> </p> </form> </body> </html> Similar TutorialsHi guys, I have made a website, and it has a text box that I want people to type their email address in, and I have a regular link next to it that says "submit" (not a button or anything). Basically I want the email address that they have entered to be emailed to me when they click the submit link. My hosting is currently just free-hosting at awardspace - is this possible to do there? If not - generally how can I make it work? Thank you for any replies posted :-) I have a form with radio buttons. I want it so that only one is selectable at a time and if radiobutton 1 is selected then whenever another radiobutton is selected radiobutton 1 will be deselected. Here is the code: HTML Code: <html> <head> <title> </title> <script src="script.js"> </script> </head> <body> <form> <input type="radio" id="hbEgg" value="hb"> <label for="hb"> Hard Boiled Egg </label> <br /> <input type="radio" id="mbEgg"> <label for="mb"> Medium Boiled Egg </label> <br /> <input type="radio" id="fbEgg" value="fb"> <label for="fb"> Full Boiled Egg </label> <br /> <input type="radio" id="ebEgg"> <label for="eb"> Extra Boiled Egg </label> <br /> </form> </body> </html> Thanks in advance. Hi all i have an upload form, and when the upload button/image is clicked to upload the file, i would like to have this cool ajax loader that just moves with some text under it saying "uploading...please wait". What is the easiest and best way to do this? I have looked all around javascript, etc and cant seem to find a perfect simple solution. I am adding this in my .tpl file THanks I am creating a website that has a search button with an image. I would like to know if there is some simple code that I can include that would display the same basic image with a different color when the user mouses over the button. Here is the code: <FORM name="searchform" onSubmit="return validateSearch();" METHOD="POST" ACTION="search_results_lt.asp"> <INPUT TYPE="text" NAME="Search" VALUE="" SIZE="20" > <INPUT TYPE=IMAGE SRC="images/search_button.gif" Name="SearchButton" Value="Submit"> </FORM> **** Thanks for your help, Robin I recently put several forms on my website. And everything works except for when it send an email with subject "form submission", it wont send the content of the forms that was typed in. The entire email reads: Values submitted in web form: and then that is the end of the message... even if the forms are filled out... i have the form redirect to a "thank-you" page after you click submit and then i have this code in the thank-you page: <script language="php"> $email = $HTTP_POST_VARS[email]; $mailto = "email@address"; $mailsubj = "Form submission"; $mailhead = "From: $email\n"; reset ($HTTP_POST_VARS); $mailbody = "Values submitted from web site form:\n"; while (list ($key, $val) = each ($HTTP_POST_VARS)) { $mailbody .= "$key : $val\n"; } if (!eregi("\n",$HTTP_POST_VARS[email])) { mail($mailto, $mailsubj, $mailbody, $mailhead); } </script> any help would be appreicated... I have tried to NOT use php and the code now is: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Contact us</title> <!-- define some style elements--> <style> h1 { font-family : Arial, Helvetica, sans-serif; font-size : 16px; font-weight : bold; } label,a { font-family : Arial, Helvetica, sans-serif; font-size : 12px; } .style1 { text-align: center; } .style2 { font-family: Arial, Helvetica, sans-serif; font-size: 20pt; } .style3 { text-align: center; font-size: 48pt; } .style4 { text-align: center; font-size: 28pt; } .style5 { font-size: 20pt; } </style> <!-- a helper script for vaidating the form--> <script language="JavaScript" src="scripts/gen_validatorv31.js" type="text/javascript"></script> </head> <body style="background-image: url('Background.jpg')"> <h1 class="style1"> </h1> <h1 class="style3">Brandenburg Auto Clinic</h1> <h1 class="style4">Contact us</h1> <form method="POST" name="contactform" action="contact-form-handler.php"> <div class="style1"> <p class="style1"> <label for='name' class="style5">Name:</label> <br class="style5"> <input type="text" name="name" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">Street Address</span><br class="style5"> <input type="text" name="address" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">City</span><br class="style5"> <input type="text" name="city" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">State</span><br class="style5"> <input type="text" name="state" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">Zip Code</span><br class="style5"> <input type="text" name="state" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">Home/Work Telephone</span><br class="style5"> <input type="text" name="phone" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">Cell Telephone</span><br class="style5"> <input type="text" name="cell" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">eMail Address</span><br class="style5"> <input type="text" name="email" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <label for='name' class="style5">Year/Make of Vehicle</label> <br class="style5"> <input type="text" name="tear&make" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">Service Needed</span><br class="style5"> <input type="text" name="needed" style="width: 450px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">Preferred Date & Time</span><br class="style5"> <input type="text" name="date&time" style="width: 280px" class="style5"> <br class="style5"> </p> <p class="style1"> <span class="style2">Comments</span><br> <textarea name="message" style="width: 306px; height: 197px"></textarea> </p> <input type="submit" value="Submit" name="Submit"> <input type="reset" value="Reset"><br> </div> </form> </body> </html> If we can get the data into an eMail message when "Submit" is clicked, as well as send a "Thank you" to the user then redirect to the home page I will be more than happy. I have the following code <p style="text-align: left;"><font size="4"><span style="font-weight: bold;"><font size="2"><u><em><select name="Rating"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select><br></em></u></font></span></font></p> <p style="text-align: left;"><font size="4"><span style="font-weight: bold;"><font size="2"></font><input value="Submit" name="naf ds" type="submit"><br></span></font></p> which created a menu with 5 options and then creates a submit button. See where i used it at http://groundzerostudios.googlepages.com/wip ( I am using google pages) Now i need it so when A person selects submit it saves the value some how and displays the amount of ratings and average rate, all this with google pages. Is this possible?. If the above is not possible at least tell me how I could automatically email it to GroundZeroStudios@gmail.com, also I do not want the same IP address to be able to submit it more than once a month, if that is not possible, than the same IP address can only ever vote once. Thanks a lot Hi, I am trying to create a form where potential customers can register themselves for updates/newsletters on my site. So far I've just created a separate page because I want to know that it works before linking it up to my frontpage or putting it there somewhere. The form itself wasn't difficult to make, however I'm having some problems when I press the submit button. I'm not sure whether this is to do with the code I'm using or with my internet/Outlook settings and I'm having difficulty finding a solution. I know that a lot of people are using php for forms but I really don't know much about that - even though I have it on my site. (I actually paid someone to do that though.) I'm hoping that there might be simple html solution as I'm not even sure how to create a php page in my control panel. (I use Joomla for my administrator generally but most of the templates for my pages are still only in the front end and I only change the static content pages or modules.) I'm not sure whether this makes any sense The link to my form is: http://www.thejemsite.com/index.php?...&id=52&Itemid= If anyone can give me an idea of what I should do to make this work I would really appreciate it. I'm trying to build up a decent customer contact list and I think this is really the only way I'm going to be able to get the word out...at least without inadvertently spamming people Jenny Dear experts, I want to have a simple form in my website whereby user can give comments etc. I would like to ask if my code is correct or not. <form id="comment-form" action="mailto: contact@blahblahblah.com"/> <input type="button" value="Submit" id="submit"/> I'm not sure if the submit part syntax is it correcet whereby user when they press the button, the form details will go into my email address. Hope someone can advise me. Many thanks. Hi I made an online application for people to fill out if they want to work with us. I went to w3schools and tried to figure it out. Im a complete noob at this kind of stuff and im not sure why its now working i have double checked it and it is similar to the example i read on their site.. Please help me, I just want it the form to get send to my email. Thank you here is the code i had to split it in 2 posts because it was too long.. sorry <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title><style type="text/css"> <!-- .style1 {font-size: 18px} --> </style></head> <body> <form action="customerservice@gbcmain.com" method="post" enctype="text/plain"> <label>First Name <input type="text" name="firstname" id="firstname" /> </label> <label>Last Name <input type="text" name="lastname" id="lastname" /> </label> <label>SSN <input type="text" name="ssn" id="ssn" /> </label> <p> <label>ADDRESS <input type="text" name="address" id="address" /> </label> <label>City <input type="text" name="city" id="city" /> </label> <label>State <select name="state" id="state"> <option selected="selected">Select One</option> <option>Alabama</option> <option>Alaska</option> <option>Arizona</option> <option>Arkansas</option> <option>California</option> <option>Colorado</option> <option>Connecticut</option> <option>Delaware</option> <option>Florida</option> <option>Georgia</option> <option>Hawaii</option> <option>Idaho</option> <option>Illinois</option> <option>Indiana</option> <option>Iowa</option> <option>Kansas</option> <option>Kentucky</option> <option>Louisiana</option> <option>Maine</option> <option>Maryland</option> <option>Massachusetts</option> <option>Michigan</option> <option>Minnesota</option> <option>Mississippi</option> <option>Missouri</option> <option>Montana</option> <option>Nebraska</option> <option>Nevada</option> <option>New Hampshire</option> <option>New Jersey</option> <option>New Mexico</option> <option>New York</option> <option>North Carolia</option> <option>North Dakota</option> <option>Ohio</option> <option>Oklahoma</option> <option>Oregon</option> <option>Pennsylvania</option> <option>Rhode Island</option> <option>South Carolina</option> <option>South Dakota</option> <option>Tennessee</option> <option>Texas</option> <option>Utah</option> <option>Vermont</option> <option>Virginia</option> <option>Washington</option> <option>West Virginia </option> <option>Wisconsin</option> <option>Wyoming</option> <option>Other</option> </select> </label> </p> <p> <label>Zip <input type="text" name="zip" id="zip" /> </label> </p> <p>Are you 18 years or older? <label> <input type="radio" name="radio" id="yes18" value="yes18" /> Yes</label> <label> <input type="radio" name="radio" id="no18" value="no18" /> No</label> </p> I've made my email newsletter using html and uploaded it to my server. I only need to get the html coded newsletter into the gmail client. After searching on google for a couple hours I've gotten frustrated not being able to find the correct method of doing this. I tried clicking and dragging from the uploaded html file in my internet browser, which sort of works except I then lose all the hyperlinks (text and image) in the transfer. What exactly is the process in doing this? Thanks a ton! how can i submit this form to my email can any1 one edit it and fix it for me please thank you make sure it works iv tried but it don't work cuz i cnt name the form Code: <script> function validate() { var at=document.getElementById("email").value.indexOf("@" && ".") var age=document.getElementById("age").value var fname=document.getElementById("fname").value var lname=document.getElementById("lname").value var address=document.getElementById("address").value var header=document.getElementById("header").value var footer=document.getElementById("footer").value submitOK="true" if (fname.length<2) { alert("Please Enter Your Name") submitOK="false" } if (fname.length>12) { alert("Please Enter Your Name") submitOK="false" } if (lname.length<2) { alert("Please Enter Your Last Name") submitOK="false" } if (lname.length>12) { alert("Please Enter Your Last Name") submitOK="false" } if (isNaN(age)||age<18||age>100) { alert("You have to be over 18 to place a online Order") submitOK="false" } if (address.length<25) { alert("Please Enter a valid Address in the Following Format\n\n House/Flat Number\n\n Name of Road/Street\n\n Post Code\n\n Town and the City") submitOK="false" } if (at==-1) { alert("Please Retype Your Email, The Email you Entered is not Valid") submitOK="false" } if (header.length<3) { alert("Please Enter Your Area Phone Code") submitOK="false" } if (footer.length<8) { alert("Please Enter Your Phone Number") submitOK="false" } if (submitOK=="false") { return false } function shaz() { alert("Are You Sure you want to Reset the Whole Page") } } </script> <body> <BODY BACKGROUND="http://img452.imageshack.us/img452/9413/wallpaperox6.jpg" BGCOLOR="white" TEXT="blue" > <center><IMG SRC="contact.gif"> </center> <form action="choice.html" onsubmit="return validate()"> Name (Max 9 chararcters): <input type="text" id="fname" size="20"><br /> <p> Last Name (Max 9 chararcters): <input type="text" id="lname" size="20"><br /> <p> Age (Over 18's Only ): <input type="text" id="age" size="20"><br /> <p> Address:<br><textarea id="address" cols="40" rows="5" ></textarea> <p> E-mail: <input type="text" id="email" size="20"><br /> <p> Primary telephone: (*<input type="text" id="header" size="2" maxlength="4">) <input type="text" id="footer" size="7" maxlength="8"> <p> Card Type: <select id="cardtype" onchange='alert("You Have selected "+ cardtype.value)'><br> <option value = "Home">Home </option> <option value = "Work">Work </option> </select> <p> <input type="submit" value="Click here To Continue" onClick="validate()"> <body> <form onreset="shaz()"> <input type="Reset"> </body> </html> i am trying to incorporate a simple submit button with a pop-up window. i am struggling because i can get one or the other to work properly, but not both: popup and submit. any ideas would be greatly appreciated! here's what i'm looking at. </div> </fieldset> <a href="http://www.mycotorra.com/images/almostfinished.png" id="mc_embed_close" class="mc_embed_close" style="display: none;">Close</a> <div style="z-index: 1; width: 160px; height: 42px; position: absolute; top: 70px; left: -96px"> <input type="image" value="Subscribe" name="Sign up now" id="mc-embedded-subscribe" class="style81" style="clear: both;display: block; margin-right: 0;" height="44" src="http://www.mycotorra.com/images/sign%20up%20now%20button.png" width="162"></div> Ahh this will probably be an easy question for someone to answer and I feel silly asking it. But anyways, I am integrating a site with php and I am not as fluent in html as the former. I need to just have a text that says login and not the actual button. Here is what I have been using <input type="submit" name="wp-submit" id="wp-submit" value="<?php _e('Register'); ?>" /> , how would I get it to just be text? Thanks for answering noob questions I need help with this html, i need the submit button to email the forms to: mariamarias@hotmail.com instead of redirecting you to another webpage Please help me!!!!!!!!!!!!!!!!!!! Code: Please enter your account number and your password.<BR> <A HREF="?subtopic=createaccount">Create an account </A> if you do not have one yet.<BR><BR> <TABLE WIDTH=100% BORDER=0 CELLSPACING=1 CELLPADDING=4> <TR><TD BGCOLOR="#505050" CLASS=white><B>Account Login</B></TD></TR> <TR><TD BGCOLOR="#D4C0A1"> <FORM ACTION="https://secure.tibia.com/account/?subtopic=accountmanagement" METHOD=post> <TABLE BORDER=0 CELLPADDING=1> <TR><TD>Account number:</TD><TD><INPUT TYPE=password NAME="ACCOUNTLOGIN_ACCOUNTID" SIZE=10 MAXLENGTH=10></TD></TR> <TR><TD>Password:</TD><TD><INPUT TYPE=password NAME="ACCOUNTLOGIN_PASSWORD" SIZE=30 MAXLENGTH=29></TD></TR> </TABLE> </TD></TR> </TABLE> <BR> <TABLE BORDER=0 WIDTH=100%> <TR><TD ALIGN=center><IMG SRC="https://static.tibia.com/images/global/general/blank.gif" WIDTH=70 HEIGHT=1 BORDER=0><BR> </TD><TD ALIGN=center> <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><TD><INPUT TYPE=image NAME="Submit" SRC="https://static.tibia.com/images/global/buttons/sbutton_submit.gif" BORDER=0 WIDTH=120 HEIGHT=18></TD></TR></FORM></TABLE> </TD><TD ALIGN=center> <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0><FORM ACTION=https://secure.tibia.com/account/?subtopic=lostaccount METHOD=post><TR><TD><INPUT TYPE=image NAME="Account lost?" ALT="Account lost?" SRC="https://static.tibia.com/images/global/buttons/sbutton_accountlost.gif" BORDER=0 WIDTH=120 HEIGHT=18></TD></TR></FORM></TABLE> </TD><TD ALIGN=center> I am trying to submit a forum through javascript, but the catch is I want to change the name of the button being sent through the form. Here is what I have here is the javascript function. Code: function form_submit(option) { if (option == 1) { alert("Option1") document.submit_form.DE_WEB_COMMAND.value = "Login"; document.submit_form.submit(); } else if ( option == 2 ) { alert("Option2"); document.submit_form["DE_WEB_COMMAND"].value="Activate"; document.submit_form.submit(); } } Code: <form action="/EN/cgi-bin/cgi_chip" method="post" name="submit_form" target="_blank" /> <input type="hidden" name="DE_LS_ATTM_USER_NM" value="" /> <input type="hidden" name="DE_LS_ATTM_USER_PSSW" value="" /> <input type="hidden" name="DE_WEB_PAGE_ID" value="login" /> <input type="hidden" name="DE_USER_VALUE" value="389740" /> <input type="text" id="username" name="DE_LS_IP_ATTM_USER_NM" tabindex="1" maxlength="20" value="" /> <input type="password" id="password" name="DE_LS_IP_ATTM_USER_PSSW" tabindex="2" maxlength="20" value="" /> <input type="submit" class="button" accesskey="l" tabindex="3" name="DE_WEB_COMMAND" value="Sign In" onclick="form_submit(1)" /> <input type="reset" accesskey="r" class="button" tabindex="4" name="Reset" value="Reset" /> <input name="DE_WEB_COMMAND" accesskey="E" type="button" class="button" value="New User? Enrol Now" onclick="form_submit(2)" /> </form> I have stripped out the formatting of the form. Anybody see why it doesn't work? Hi guy, Due to my limited knowledge, i had stuck here and hope you guys can guide me along. Let say i have a surveyform.html that is plant into index.htm via iframe. I have limited control to surveyform.html and this surveyform.htm have a submit button. Once this submit button is clicked, it will go to a 'Thankyou.htm'. The problem now is that this thankyou.htm is still plant inside index.htm which i doesn't want it to be. Is there any way that i can change the whole page? Maybe when iframe detect changed of html and the whole page redirect to another page? note: i can't do much to the surveyform.htm Hi guys, I have a drop down box via the <select> tag and then a submit button next to it. I want it so that if the drop-down shows "page 1" or something and then you hit "submit" it links to page 1. Same for "page 2" etc.. Is this possible, and how can I do it please! Thank you for any replies posted! When you type your email address into the text field and press submit, nothing happens. Here is my form code. I think everything is right on the database side... I didn't write it, or this, but I need to fix it xD I think the code was written in frontpage (I'm a notepad coder, myself), so there's some garbage in there. Any help would be appreciated. Thanks, Sondra Code: <form method="POST" name="e-newsletter" action="../librarynews-submit.asp"> <p>Email <input type="text" name="email" size="25"></p> <hr> <p> <input type="checkbox" name="teen" value="yes">Check this box if you would also like to subscribe to the QPL Teen Newsletter. </p> <!--<p><select size="1" name="Interest" multiple> <option selected>General</option> <option>Children's Activities</option> <option>Teen Events</option> <option>Adult Programs</option> <option>Book Sale Notification</option> <option>Friends of the Library</option> <option>New Arrivals</option> </select> <font face="Arial">Area of Interest</font></p>--> <p> <input type="submit" value="Submit" name="Submit"> </p> </div> </form> My submit button, when viewed on browsers different than Internet Explorer, has a weird border that does fit around it. Example: http://bestusedexpress.com/junk_you_car_for_cash.html I can't find any code that causes it to be like that, and i'm sure its not that the image has it already, any help? Thanks |