|
HTML - 2 Form Options/results To Choose Page/picture
I would like to know how to create a mini form of two pull down boxes so that when the two selections have been made and submitted it returns back a designated page or picture.
For example I want to build a simple method to show routes of an office building. Pulldown box 1 would be the office number you want to start from, and pulldown box two would be the office you want to get to. when you click submit it would pull up either a page or picture which contains the corrrect floor plan and route. I feel like this should not be too hard as I don't need anything very flashy. I just don't know how to start it. If anyone knows of something open source already created to do this I would be open to that too. Thanks in advance for any assistence you can give. Similar Tutorials<script type="text/javascript"> function test() { var customer = document.docNameSuggestor.customer.value; var project = document.docNameSuggestor.project.value; var doc_type = document.docNameSuggestor.doc_type.value; var string='<table border="1" cellpadding="1" cellspacing="1"><tr>' + '<td><p>Suggested filename is: ' + customer + '_' + project + '_' + doc_type + '.<extension>' + '</p></td>' + '</tr>' + '<tr>' + '<td><p>Suggested storage path is: ...\\' + customer + '\\' + project + '\\' + doc_type + '</p></td>' + '</tr></table>'; document.getElementById("fileName").innerHTML= string; } </script> <form name="docNameSuggestor" > <td width="60%"> <p>Which customer is this document for?</p> <select name="customer" > <option>Please select</option> <option value="Ci">Ci</option> <option value="VF">VF</option> <option value="H3">H3</option> </select> <td width="60%"> <p>Which project is this document for?</p> <select name="project" > <option>Please select</option> <option value="AX1.0">AX1.0</option> <option value="AXP2.0">AX2.0</option> </select> <td width="60%"> <p>Which type of document is this?</p> <select name="doc_type"> <option>Please select</option> <option value="CRequirements">Requirement Spec</option> <option value="SRequirements">Software Requirement Spec</option> </select> <input type="submit" name="submit" value="Submit" onClick="test()"> <form action="file.html" method="post" target="_blank"></form> </form> These are my codes, Q1.How can I open results in a new window after user submit selected options? Q2:How can I populate the specific field with choices based on what user has selected from customer drop-down Please help. Any suggestions are appreciated. Hello, I have a form which links to Results.htm Basically I want the title of that page which opens in a new window to be whatever was input in the form previously. Hope you all can help me, it's been bothering me for quite some time. Thanks, Jooey Hello all, I'm try to use a form to choose what webpage is displayed in an iframe on the same page. What I have so far is not working: <form name="list" action="" method="get" target="repIframe" style="margin:0px;padding:0px"> <select name="zone"> <option value="./testadvisory.php?warnzone=UTZ019&warncounty=UTC053">St. George</option> <option value="./testadvisory.php?warnzone=UTZ013&warncounty=UTC043">Cedar City</option> </select> </form> <iframe name="repIframe" src="blank.html"></iframe> Could someone offer a suggestion ir procedure to allow the use of a form to choose the content of the iframe? Thanks, Randy Hi guys, Can someone please help me with what to do with my forms; I have a form built that when someone clicks submit I want a number of actions to occur: - The information they provided to be emailed to me somehow - A message to pop up saying that the form was successfully submitted. - And to redirect them back to my home page. How do I do this?? What code do I need to use?? And is there some way that I can get the filled out form emailed to me without them having to send it?? (i.e. not using "mailto") Any help here would be really appreciated. Thanks, TroubleShooter..."yeah right!" Hey, just a quick question... How would i go about using an image as a select option in a form? i know its possible as ive seen it around on a few sites before, but im not sure how to do it myself. tried the obvious: <select name="stars"> <option value="1"><img src="MYIMAGE"></option> </select> but oviously that doesnt work. any help would be greatly appreciated. hi everyone, ok heres my problem that is bugging me. I have a ecommerce website that im setting up and it comes with a default search feature. Code: <form name="quick_find" action="MYDOMAIN/index.php?main_page=advanced_search_result" method="get"> <input type="hidden" name="main_page" value="advanced_search_result" /> <input type="hidden" name="search_in_description" value="1" /> <input type="text" name="keyword" size="18" maxlength="100" style="width: 103px; margin-right:5px; vertical-align:middle;" value="" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" /> <input type="submit" value="Search" style="width: 50px; vertical-align:middle;" /> </form> on my site i sell music LP's and each lp has in its description the year it was released. If i was to put in the above form "1996" it would search all my products and return any that have "1996" in their desctiption. With this in mind i would like to create a form that had 4 drop down boxes. day,month,year,country I have created the following code below; Code: <form name="quick_find_header" action="MYDOMAIN/index.php?main_page=advanced_search_result" method="get"> <input type="hidden" name="main_page" value="advanced_search_result" /> <input type="hidden" name="search_in_description" value="1" /> <select name="keyword"> <option value="1952">1952</option> <option value="1953">1953</option> <option value="1954">1954</option> <option value="1955">1955</option> <option value="1956">1956</option> <option value="1957">1957</option> <option value="1958">1958</option> <option value="1959">1959</option> <option value="1960">1960</option> <option value="1961">1961</option> <option value="1962">1962</option> <option value="1963">1963</option> <option value="1964">1964</option> <option value="1965">1965</option> <option selected value="1966">1966</option> <option value="1967">1967</option> <option value="1968">1968</option> <option value="1969">1969</option> <option value="1970">1970</option> <option value="1971">1971</option> <option value="1972">1972</option> <option value="1973">1973</option> <option value="1974">1974</option> <option value="1975">1975</option> <option value="1976">1976</option> <option value="1977">1977</option> <option value="1978">1978</option> <option value="1979">1979</option> <option value="1980">1980</option> <option value="1981">1981</option> <option value="1982">1982</option> <option value="1983">1983</option> <option value="1984">1984</option> <option value="1985">1985</option> <option value="1986">1986</option> <option value="1987">1987</option> <option value="1988">1988</option> <option value="1989">1989</option> <option value="1990">1990</option> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> <option value="1994">1994</option> <option value="1995">1995</option> <option value="1996">1996</option> <option value="1997">1997</option> <option value="1998">1998</option> <option value="1999">1999</option> <option value="2000">2000</option> <option value="2001">2001</option> <option value="2002">2002</option> <option value="2003">2003</option> <option value="2004">2004</option> <option value="2005">2005</option> </select> <select name="keyword"> <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 selected 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> <select name="keyword"> <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 selected 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> <input type="image" src="includes/templates/theme013/buttons/english/button_search.gif" alt="Search" title=" Search " style="margin-left:1px;" /> </form> this gives me 3 drop down box's (YEAR,MONTH,DAY) The problem is when i click search it only searches for the year. instead of combining all the selected data (e.g. 1996+JUN+23) it just searched for 1996. The second problem is if someone managed to get this form to work, would it search for "1996JUN23" or "1996 JUN 23". The reason i ask this is my products descriptions say "this single was released on 23 June 1996" I hope ive made all the above clear!! Any help would be greatly appreciated. thanks in advance Hi all Have a really big prob with intro page. Its like this i want a background picture and then i need a picture in the middle of page as link . The code i got now is here. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>BlackCode Security</title>
<BODY BGCOLOR="#000000">
<a href="http://designz.se/BlackCodez/news.php"<IMG SRC="1.jpg" WIDTH=100% HEIGHT=100% BORDER=0 ALIGN="fixed">
<meta name="description" content="BlackBox Secureity : Our Business Is Your Business">
<meta name="keywords" content="Security ,security news ,firewalls ,virus ,Tutorials ,networking ,forum support">
<meta name="copyright" content="Copyright BlackBox Security - 2008">
<meta name="author" content="BlackBox Security">
<meta name="email" content="info@designz.se">
<meta name="Charset" content="other">
<meta name="Distribution" content="Global">
<meta name="Rating" content="General">
<meta name="Robots" content="INDEX,FOLLOW">
<meta name="Revisit-after" content="1 Day">
<meta name="ROBOTS" content="ALL">
</head>
<body>
I hope someone can help me and new here so be kind Can I click on a thumbnail picture and have it open up below some text on the same page but using a larger size pix. TIA So, I have made a form as a pre-LAN-event thing.. The problem is that I have never really used forms before and am not really that familiar with more advanced HTML besides simple layout stuff.. So my question is, how do I take the information from this form: HTML Code: <form name="input" action="Result.asp" method="get"> <font size="2" face="arial">Gender:<select name="gender"> <option value="male">Male</option> <option value="female">Female</option> </select> <br> Age:<select name="age"> <option value="12">0-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> </select><br><br /> <b><u>What games do you want to see tournament in?</u></b><br /> <input type="checkbox" name="Game" value="CS16" /> Counter Strike 1.6<br /> <input type="checkbox" name="Game" value="CSS" /> Counter Strike Source<br /> <input type="checkbox" name="Game" value="LoL" /> League of Legends<br /> <input type="checkbox" name="Game" value="LoLD" /> League of Legends Dominion<br /> <input type="checkbox" name="Game" value="TF2" /> Team Fortress 2<br /> <input type="checkbox" name="Game" value="TF2" /> Left 4 Dead 2 Versus<br /> <input type="checkbox" name="Game" value="MC" /> Minecraft PvP<br /> <input type="checkbox" name="Game" value="BC" /> Bloodline Champions<br /> <input type="checkbox" name="Game" value="RoA" /> Rock of Ages<br /> Other: <input type="text" name="otherGame" /> (ex. 1, ex. 2, osv.) </font><br /> <input type="submit" value="Submit" /> </form> and submit it to another page so I can go on there and see how many males, females and people of different ages that have signed up, and what games they wanted. Sorry if it is a noobish question.. Thx in advance. - Ward, out! Hi, its been many years since i've done any website / html work but a friend of mine asked me to help him add a form to his marriage website that basically works as a RSVP option. he wants people to be able to add their name and click if they are going to be attending or not...click submit and have it send it to his e-mail. Making the form was easy (and i won't bore u with the code), the only problem i'm having with is how to make the submit button send an e-mail. I did some looking and it seems like its going to require the user to have sending e-mails enabled thru their browser? does anyone know of an easy way to do this (preferably one that doesn't require the user to have any sort of brain) ? Simple is better and all i need is a quick fix thx for any help bigunn Hi, I have a jsp page, in which i have a search button. When i click on the search button, it should display the results in a table format in the same jsp page. I am unable to find a solutuion for this. If Anybody knows, please help me. Thanks in Advance Regards Venu i would like to allow surfers to access sections of my website directly from the google.com search page here is a example of what i would like to do This is really strange. If I write my code like this, --------------- <td style="height: 100% width 16px; background-image: url('widgets/gen_72.1.gif'); padding: 0px; margin: 0px; border: none;"><img src="widgets/spacer.gif" width="16" height="1" alt="widget"></td></tr> <tr><td width="16" height="17"><img src="widgets/gen_76.1.gif" border=0 width=16 height=17 alt=""></td> <td style="height: 17px width 100%; background-image: url('widgets/gen_69.1.gif'); padding: 0px; margin: 0px; border: none;"><img src="widgets/spacer.gif" width="16" height="1" alt="widget"></td> <td style="width: 16px height 17px; background-image: url('widgets/gen_75.1.gif'); padding: 0px; margin: 0px; border: none;"><img src="widgets/spacer.gif" width="16" height="17" alt="widget></td></tr></table> --------------- my page displays correctly. But if I simple move the end tags for the table like this, ----------------------- <td style="height: 100% width 16px; background-image: url('widgets/gen_72.1.gif'); padding: 0px; margin: 0px; border: none;"><img src="widgets/spacer.gif" width="16" height="1" alt="widget"></td></tr> <tr><td width="16" height="17"><img src="widgets/gen_76.1.gif" border=0 width=16 height=17 alt=""></td> <td style="height: 17px width 100%; background-image: url('widgets/gen_69.1.gif'); padding: 0px; margin: 0px; border: none;"><img src="widgets/spacer.gif" width="16" height="1" alt="widget"></td> <td style="width: 16px height 17px; background-image: url('widgets/gen_75.1.gif'); padding: 0px; margin: 0px; border: none;"><img src="widgets/spacer.gif" width="16" height="17" alt="widget"> </td></tr></table> ------------- the page adds an extra table image below the table. Just adding a space before the </td> tag throws off the results. How can this be? I've never had a web page do this before. Can someone explain this to me? It simply doesn't make sense? Am I doing something wrong that I'm not seeing? Thanks as i am not very good in php and oither scripting. I browse through this forum and found the easier way to sent a form result via email is to add a mailto in form action <form action="mailto:acb@def.com"> Now my question is, can i do a droplist and put a several email for user to choose. after choose. then my action will send the email out according to what the user choose... I want the visitor to my website to be able to choose 2 live webcam streams from a text list of say 20 different streams, I have the code for each stream, what I would like is the 2 chosen streams to display on the same page side by side Hi I'm having trouble figuring out how to import a specific set of data from XML using xpath. I haven't been able to get my head around the examples I have been playing with. Here's an example of my XML: <X> <S> <A>Blah</A> <T>Blah</T> </S> <S> <A>Blah</A> <T>Blah</T> </S> <1a> <S> <A>Blah</A> <T>Blah</T> </S> <S> <A>Blah</A> <T>Blah</T> </S> </1a> <S> <A>Blah</A> <T>Blah</T> </S> </X> and php to import it: $xml = simplexml_load_file('test2.xml'); $result = $xml->xpath('S/A'); print_r($result); The above prints out the blah's in all the <A></A>'s. How do I get only the blah's in all the <A></A>'s that are between the <1a></1a> nodes? Various combinations I try give empty arrays. Thanks for your help. Shaun Hello everyone, I am creating a HTML form which is driven by PHP. This is working fine, but when I get results in email box they appear like this. Name : james Email : Telephone : dhfjdfjdhf Collection_address : fhdjfhdjhjh Number_of_bedrooms_current_location: : jhhjhjh Delivery_address : hjhhj Number_of_bedrooms_new_location : hjhhj Items_that_need_moving : hjhhj Pack_items : No Store_any_items? : NO Provide_details : hjhhjhj Submit_email : Submit Is there any way of making form results look more attractive to the reader of the email form? If so where is the code applied for the doing this? Will it be on contact form itself? Thanks Hello all, I searched the board for an answer and didn't have any luck. This makes me wonder if what I want to do is possible. I have a webpage that uses divs to section the page into four sections (top, bottom, content, and navigation). On the navigation side is where users select a set of form options and based on those options details should display in the content section. Frames is not an option as we're trying to get away from frames and I need to make subsequent pages for other things without the frames. Thanks in advance for you helpm ~ML |
|||||||