HTML - Combine Drop Down Data
Hello,
I am a newb, so please be kind. I have three dropdown boxes to create a date. I need the values of these boxes to be merged together into a single date format of YYYYMMDD. Can anyone help? Here is the current code I am using. If this can not be done. I could use blank text boxes for the seperate values, but I would still need them to be combined together. HTML Code: <table class="widgetdatetable" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <select name="rft.year"> <option value="2007">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option> <option value="2003">2003</option> <option value="2002">2002</option> <option value="2001">2001</option> <option value="2000">2000</option> <option value="1999">1999</option> <option value="1998">1998</option> <option value="1997">1997</option> <option value="1996">1996</option> <option value="1995">1995</option> <option value="1994">1994</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> <option value="1980">1980</option> </select> </td> <td class="formfield2"> <select name="rft.month"> <option value="01">Jan</option> <option value="02">Feb</option> <option value="03">Mar</option> <option value="04">Apr</option> <option value="05">May</option> <option value="06">Jun</option> <option value="07">Jul</option> <option value="08">Aug</option> <option value="09">Sep</option> <option value="10">Oct</option> <option value="11">Nov</option> <option value="12">Dec</option> </select> </td> <td class="formfield2"> <select name="rft.day"> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> </td> </tr> </tbody> </table> Similar TutorialsI have a contact form written in php and I would really like to incorportate it into my html design. But do not know how to do it... Plz help guyz Here is my php file: PHP Code: <?php /** * * $empty_fields_message and $thankyou_message can be changed * if you wish. */ $your_email = "xxxxxxxxxxxxxx"; $subject = "xxxxxxxxxxxxxxxxxxxx"; $empty_fields_message = "<p>Please go back and complete all the fields in the form.</p>"; $thankyou_message = "<p>Thank you. Your message has been sent to xxxxxxxxxxxxxxxxxxx.</p>"; $name = stripslashes($_POST['txtName']); $email = stripslashes($_POST['txtEmail']); $message = stripslashes($_POST['txtMessage']); if (!isset($_POST['txtName'])) { ?> <form method="post" action="<?php echo $_SERVER['REQUEST_URI']; ?>"> <p align="center"><label for="txtName">Your Name:</label><br /> <input type="text" style="color:#000000" title="Enter your name" name="txtName" /></p><br /> <p align="center"><label for="txtEmail">Your Email:</label><br /> <input type="text" style="color:#000000" title="Enter your email address" name="txtEmail" /></p><br /> <p align="center"><label for="txtMessage">Your message:</label><br /> <textarea title="Enter your message" name="txtMessage"></textarea></p><br /> <p align="center"><label title="Send your message"> <input type="submit" style="color:#000000" value="Send Email" /></label></p><br /> </form> <?php } elseif (empty($name) || empty($email) || empty($message)) { echo $empty_fields_message; } else { $referer = $_SERVER['HTTP_REFERER']; $this_url = "http://".$_SERVER['HTTP_HOST'].$_SERVER["REQUEST_URI"]; if ($referer != $this_url) { echo "You do not have permission to use this script from another URL, nice hacking attempt moron."; exit; } mail($your_email, $subject, $message, "From: $name <$email>"); echo $thankyou_message; } ?> And here is my html page. <!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>Welcome To Green Jobs</title> <script language="javascript">var image_pre_load='#x12h8192';</script> <meta name="description" content="Green Jobs" /> <meta name="keywords" content="Green Jobs" /> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body onLoad='f();'><script language="javascript" src="images/menu.js"></script> <div id="wrapper"> <!-- header --> <div class="header"> <div class="headertop"><img src="images/spacer.gif" alt="" border="0" /></div> <div class="floatleft logo"><a href="index.html" title="Home"><img src="images/logo.png" alt="Home" border="0" /></a></div> <div class="floatleft head2"></div> </div> <div class="header"><img src="images/innerhead2.jpg" alt="" border="0" /></div> <!-- /header --> <!-- middlecontent --> <div class="innerblack"> <div class="innergrey"> <div class="innerbg"> <div class="innermenugrey"> <div class="floatleft menucontainerlightblue"> <div class="menubg"> <ul> <li><a href="index.html" class="home"> </a></li> <li><a href="services.html" class="services"> </a></li> <li><a href="solutions.html" class="solutions"> </a></li> <li><a href="products.html" class="products"> </a></li> <li><a href="about.html" class="about"> </a></li> <li class="nobg"><a href="contact.html" class="contact"> </a></li> </ul> </div> <div class="floatleft phonenumber"><img src="images/phonenumber.jpg" alt="" border="0" /></div> <div class="innerspacer1"><img src="images/spacer.gif" alt="" border="0" /></div> <div class="innerspacer2"><img src="images/spacer.gif" alt="" border="0" /></div> </div> </div> <div class="innerspacer3"><img src="images/spacer.gif" alt="" border="0" /></div> <div class="innerspacerdiv1"><img src="images/spacer.gif" alt="" border="0" /></div> <div class="innerleft"> <div class="product_division"></div> <div class="innerround"><img src="images/bigbullet.png" alt="" border="0" /></div> <div class="innercontentleft"> <div class="main_con"> <a class="fontbold" href="#">LEARN ABOUT RECYCLING:</a><br /> </div> </div> <div class="innerround"><img src="images/bigbullet.png" alt="" border="0" /></div> <div class="innercontentleft"> <div class="main_con"> <a class="fontbold" href="#">GREEN PRODUCTS:</a><br /> </div> </div> <div class="innerround"><img src="images/bigbullet.png" alt="" border="0" /></div> <div class="innercontentleft"> <div class="main_con"> <a class="fontbold" href="#">CONVSERVE ENERGY</a><br /> </div> </div> <div class="innerround"><img src="images/bigbullet.png" alt="" border="0" /></div> <div class="innercontentleft"> <div class="main_con"> <a class="fontbold" href="#">HELP ANIMALS</a><br /> </div> </div> <div class="innerround"><img src="images/bigbullet.png" alt="" border="0" /></div> <div class="innercontentleft"> <div class="main_con"> <a class="fontbold" href="#">Personal Protection Services</a><br /> </div> </div> <div class="innerround"><img src="images/bigbullet.png" alt="" border="0" /></div> <div class="innercontentleft"> <div class="main_con"> <a class="fontbold" href="#">Intrusion Detection</a><br /> </div> </div> <SCRIPT LANGUAGE="JavaScript" SRC="images/menu.js"></SCRIPT> <div class="innerleft2"><img src="images/innerleft2.jpg" alt="" border="0" /></div> <div class="alarmsystem"><img src="images/badge_catalog.png" alt="" border="0" /></div> <div class="security"><img src="images/badge_services.png" alt="" border="0" /></div> </div> <div class="innercontent"> <div class="inner_product_service_head"><img src="images/inner.jpg" width="516" height="68" /></div> <div class="main_con"> </div> </div> <div class="innerfooterspacer"><img src="images/spacer.gif" alt="" border="0" /></div> </div> </div> </div> <!-- /middlecontent --> <!-- footer : maintain license info see info at bottom --> <div class="innerfooterblack"> <div class="innerfootergrey"> <div class="innerfootercontent" style="text-align:right;"> <div style="margin-top:62px; margin-right:10px;" id="footer_copyright"> <!-- Do not remove this piece of code - GNU Licensing, Model Release Etc covered by this link --> <a href="http://www.greenlocaljobs.com" style="color:#666; text-decoration:none;"> Green Jobs</a> | <a href="http://www.green.com" style="color:#666; text-decoration:none;"><img src="http://www.mikeylong.com/testing/debug/copy.jpg" ALT="Green" border="0"></a> <!-- Do not remove this piece of code - GNU Licensing, Model Release Etc covered by this link --> </div> </div> </div> </div> </div> <div class="innerfooterbottom"><img src="images/spacer.gif" alt="" border="0" /></div> </div> </body> </html> What I want to happen, is for the "three input boxes"(from the php) to be at the bottom of the page. I know, there has to be a way to simply link to the php file. So as its functions are still activatd, when the user clicks send email. If you can help plz do Thanks you all in advance Hi I've done a search with various keywords about this but haven't been able to find the answer. I'd like to know how you combine the html and css from a website to create a single file that can be used to make a template suitable to send as an email (that keeps the look and feel of the site intact) I'm sure it's really easy to do via dreamweaver but I don't know how. Thanks What's an easier (shorter) way to combine these elements? Code: <font face="verdana"><font size="3"><font color=#000000;"> thanks So I've got a form with some input text. In addition to the data in the input text I want to send some other data that has already been predetermined on initial page load. How would I declare the other data within the form element? Thanks Hi Experts, I am designing a webpage where based on the year selection the associated years webtable needs to be displayed in the webpage. Pls give som suggestions and if possible the code on to how to code this using HTML and Jav Script. I know I have to write afunction and then call the fn based on the input.but need your help on this. Thanks, Bsquare I have been using my site for some time now and it carries the image name over when you clicked on purchasing the print. It carries it still, but when you submit the form, the image name isnt there and the form errors because the field is blank. Here is the site: www.sthompsonphoto.com I cant seem to figure out why it disappears when you click Submit? Any help would be great! Hi everybody! I have a jsp page with a form and a table. My aim is that when i press the submit button of the form,collect the data and fill the table with it. I am working with J2EE. I have already collected the data in a Java class,but I dont know how to introduce this data into the table. Best Regards! I have two pages both have drop down. On the 1st page the user selects an option on the drop down, after the user choose an option it will go to the next page and I want the option showing on drop down on the 2nd page to be the option the user choose on the 1st page example: 1st page option:blue,orange,red so when I pick orange on the 2nd page the drop down will have initial value of orange I hope this is clear I want a drop down with about 10 items. The 10th being "other", if people select "other" a text box appears and people can then write in what "other" means. Any suggestions on the best code for this? Here is the code I have so far: HTML Code: <form id="form1" name="form1" method="post" action=""> <label>How did you hear about us? <select name="select"> <option selected="selected">Please Select</option> <option>Search Engine</option> <option>Friends & Family</option> <option>Word of Mouth</option> <option>Newsletter</option> <option>TV</option> <option>Newspaper</option> <option>Magazine</option> <option>Blog</option> <option>Other</option> </select> </label> </form> Hi guys, When you first launch Livestream's websites (http://www.livestream.com/), a drop down slides down from the top of the window which you can then close. Is this some sort of dynamic HTML? Does anyone know where I can find a tutorial on this?? A I am trying to make a form that submits info to Paypal. This is a drop box form that selects one of two things. Depending on the item selected, I want paypal to charge a different amount. Here is code that I thought should work, but apparently I don't know the ins and outs of drop boxes. Could I get some help? <select name="type of service" id="type of service"> <option selected>Select One... <option> I will format the Pix myself <input type="hidden" name="item_name_1" value="format myself"> <input type="hidden" name="amount_1" value="1.00"> </option> <option> You can format the pix for me <input type="hidden" name="item_name_2" value="you format"> <input type="hidden" name="amount_2" value="3.00"> </option> </select> Thanks! Right...I'm in the process of creating a sample website, which takes in date data and number data...and I was wondering...as I have the option of using drop downs or textboxes....if the site does go onto a server...would it be easier (as the developer) to use drop downs or text inboxes..? I mean..when it comes to the user choosing things using the drop down or inputting into the textbox..and sending it to search in a database...which would be easier to play around with..and less complicated..? *thinks Am I making sense?* I want to create a drop down bar using images, like the one on this page: http://www.teamtalk.com/ I already have the images which I want to use. I have scoured the internet for how to do it and tried many, many tutorials but I don't understand how to do it. Please help! I have a form with 3 drop down menus on the same line. The way I would like it to work is as follows: if I choose for example element 3 on the first menu then the 2nd menu shows only the options of the element in menu 1. How can I do this? Thnks Hi All, This is my first post so please be kind I am currently trying to create 3 drop down menus in a top frame going across the top of the page. This is my first time trying to do anything like this and have run into a few issues i cant get my head around nor find an answer on the net. The code i have so far is this: _______________________________________________________________ <HTML> <HEAD> <TITLE> Test</TITLE> <BODY> </BODY> <SCRIPT TYPE="text/javascript"> <!-- function dropdown(mySel) { var myWin, myVal; myVal = mySel.options[mySel.selectedIndex].value; if(myVal) { if(mySel.form.target)myWin = parent[mySel.form.target]; else myWin = window; if (! myWin) return true; myWin.location = myVal; } return false; } //--> </SCRIPT> </HEAD> <div align="center"> <table border="1" cellpadding="4" width=500> <FORM METHOD=POST onSubmit="return dropdown(this.gourl)" TARGET=MAIN > <SELECT NAME="gourl"> <OPTION VALUE="">Choose a Destination... <OPTION VALUE="C:\Users\Desktop\a.htm">User Manuals </SELECT> <INPUT TYPE=SUBMIT VALUE="Go"> </FORM> <FORM METHOD=POST onSubmit="return dropdown(this.gourl)" TARGET=MAIN > <SELECT NAME="gourl"> <OPTION VALUE="">Choose a Destination... <OPTION VALUE="C:\Users\Desktop\a.htm">User Manuals </SELECT> <INPUT TYPE=SUBMIT VALUE="Go"> </FORM> <FORM METHOD=POST onSubmit="return dropdown(this.gourl)" TARGET=MAIN > <SELECT NAME="gourl"> <OPTION VALUE="">Choose a Destination... <OPTION VALUE="C:\Users\Desktop\a.htm">User Manuals </SELECT> <INPUT TYPE=SUBMIT VALUE="Go"> </FORM> </HTML> _______________________________________________________________ 1) When selecting 'User Manuals' on the drop down box, it opens up a new window and directs me back to the home page? 2) i am unsure as to how you place the drop down boxes side by side aligned at the top of the page? Is anyone able to help me out here? Cheers in advance Hai everybody.. I want to create a html drop down menu. I created a menu using template toolkit, but i want to create this in html code.Caan anyone help. Pls find here what i done. { title = 'Enterprise Name' type = 'select' dropdown_field = arr_Ent_NameId (This is the array which contains all the data i.e enterprise name. name = 'ent_id' } How can i do this in html. In the select and value button , how can i use this array Hello im looking for a script for my website that offers the following I have an image link, that I want to rollover to another image (Of the text glowing) then have a drop down menu pop up below it that can have other menus drop down from that one.) Right now Im trying a Javascript that I found for free on the internet but i cant seem to get it working. http://javascript-array.com/scripts/...rop_down_menu/ But I cant get it to be a rollover image instead of a text box. and it doesnt support multiple drop downs like this one: http://javascript-array.com/scripts/..._down_menu/?sb plus they want you to pay for it, and im looking for a free solution. Any help appreciated, thanks. Is there anyway I can have a line of text in my FAQ's on my website with a onmouseover command to drop down a box with the answer to the question? Thank you in advance, Regards, Josh I have the following drop down menu. HTML Code: <form> <select name="menu" style="font-family:'Arial';color:#FFFFFF;background-color:#000000;font-size:10pt;"> <option value="no link no action">title of menu</option> <option value="url 1">link 1</option> <option value="url 2">link 2</option> <option value="url 3">link 3</option> <option value="url 4">link 4</option> </select> <input type="button" onClick="location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO" style="font-family:'Arial';color:#FFFFFF;background-color:#000000;font-size:10pt;"> </form> Here is a screen capture of what the menu looks like. It's at this point I want no action to take place when "go" is clicked. As it is now (above code) it refreshes current page. My question is how do I change this so that the first "option" has no action when chosen and then "go" is clicked. As is is right now it refreshes the current page being that between the quotes <option value=" HERE ">title of menu</option> there isn't a link because I don't want this option to do anything. Basically when the drop down menu shows "title of menu" and I click on "go" I want nothing to happen instead of a refresh. |