Full version: jsB@nk » Utility » Generator » Drop Down Menu Generator
URL: https://www.javascriptbank.com/drop-down-menu-generator.html
Simply select the options you would like in your pulldown menu, enter the text and URL for each listing, and click the button to generate the source code. Easy! And, we can even mail the generated code to you.
Full version: jsB@nk » Utility » Generator » Drop Down Menu Generator
URL: https://www.javascriptbank.com/drop-down-menu-generator.html
<script language="JavaScript"><!-- Beginfunction MakeIt(form){var txt='';txt+=form.java.value+'\r\n';txt+='<form name="'+form.name.value+'">\r\n';txt+='<select name="dropdownmenu" size=1 onChange="goToURL(this.form)">\r\n';txt+='<option selected value="">\r\n';txt+=form.name.value+'\r\n';txt+='<option value="'+form.url1.value+'">\r\n';txt+=form.page1.value+'\r\n';txt+='<option value="'+form.url2.value+'">\r\n';txt+=form.page2.value+'\r\n';txt+='<option value="'+form.url3.value+'">\r\n';txt+=form.page3.value+'\r\n';txt+='<option value="'+form.url4.value+'">\r\n';txt+=form.page4.value+'\r\n';txt+='<option value="'+form.url5.value+'">\r\n';txt+=form.page5.value+'\r\n';txt+='</select></form>';form.code.value=txt;}function ResetPage(form){if(confirm("Do you wish to start over?")){form.name.value="";form.url1.value="";form.url2.value="";form.url3.value="";form.url4.value="";form.url5.value="";form.page1.value="";form.page2.value="";form.page3.value="";form.page4.value="";form.page5.value=""; }}// End --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script language="JavaScript"><!-- function goToURL(form) { var myindex=form.dropdownmenu.selectedIndex if(!myindex=="") { window.location.href=form.dropdownmenu.options[myindex].value; }}//--> </script><form name="Form Name "> Here's an example using the titles below >>>> <select name="dropdownmenu" size="1" onchange="goToURL(this.form)"><option selected="selected">Form Name </option><option value="http://www.searchbliss.com/javamenu.htm">Name of 1st Selection </option><option value="http://www.searchbliss.com/javamenu.htm">Name of 2nd Selection </option><option value="http://www.searchbliss.com/javamenu.htm">Name of 3rd Selection </option><option value="http://www.searchbliss.com/javamenu.htm">Name of 4th Selection </option><option value="http://www.searchbliss.com/javamenu.htm">Name of 5th Selection </option></select> This example is linked to this page. </form><form action=""> <div align="center"> <table bgcolor="#ffffff" border="2" cellpadding="4" width="690" height="314" bordercolorlight="#FFFFFF" bordercolordark="#555555"> <tbody><tr> <td width="287"> <div align="center"><font size="3" face="arial" color="#555555"><b>Form Name <br> <font size="-2" color="#333333">(The title displayed on menu)</font></b> </font></div> </td> <td align="center" width="373"><font size="2"><b> <input type="hidden" name="java" value="<script language="JavaScript"><!-- function goToURL(form) { var myindex=form.dropdownmenu.selectedIndex if(!myindex=="") { window.location.href=form.dropdownmenu.options[myindex].value; }}//--></script><!--Paste code above between your head tags--><!--Paste code below between your body tags-->"> <input type="text" name="name" size="58"> </b></font> </td> </tr> <tr> <td align="center" width="287"><font size="3" face="arial"><b> <font size="3" face="arial" color="#555555">URL of </font><font size="3" face="arial" color="#555555">1st Selection <br> <font size="-2" color="#333333">(e.g. http://www.domain.com/page1.htm)</font> </font> </b></font></td> <td align="center" width="373"><font size="2"><b> <input type="text" name="url1" size="58"> </b></font> </td> </tr> <tr> <td width="287"> <div align="center"><font size="3" face="arial" color="#555555"> <b>Name of 1st Selection<br> <font size="-2" color="#333333">(Menu option 1)</font> </b> </font></div> </td> <td align="center" width="373"><b> <input type="text" name="page1" size="58"> </b></td> </tr> <tr> <td width="287"> <div align="center"><font size="3" face="arial" color="#555555"><b>URL of 2nd Selection<br> </b></font><font size="-2" face="arial" color="#333333"><b>(e.g. http://www.domain.com/page2.htm) </b></font><font size="3" face="arial" color="#555555"><b> </b></font> </div> </td> <td align="center" width="373"><font size="2"><b> <input type="text" name="url2" size="58"> </b></font></td> </tr> <tr> <td width="287" height="13"> <p align="center"><font size="3" face="arial" color="#555555"><b>Name of 2nd Selection<br> <font size="-2" color="#333333">(Menu option 2)</font> </b> </font> </p> </td> <td align="center" width="373" height="13"> <p> <b> <input type="text" name="page2" size="58"> </b> </p></td> </tr> <tr> <td width="287" height="2"> <div align="center"><font size="3" face="arial" color="#555555"><b>URL of 3rd Selection<br> </b></font><font size="-2" face="arial" color="#333333"><b>(e.g. http://www.domain.com/page3.htm) </b></font></div> </td> <td align="center" width="373" height="2"><font size="2"><b> <input type="text" name="url3" size="58"> </b></font></td> </tr> <tr> <td width="287" height="2"> <div align="center"><font size="3" face="arial" color="#555555"><b>Name of 3rd Selection<br> <font size="-2" color="#333333">(Menu option 3)</font> </b> </font></div> </td> <td align="center" width="373" height="2"><font size="2"><b> <input type="text" name="page3" size="58"> </b></font></td> </tr> <tr> <td width="287" height="2"> <div align="center"><font size="3" face="arial" color="#555555"><b>URL of 4th Selection<br> </b></font><font size="-2" face="arial" color="#333333"><b>(e.g. http://www.domain.com/page4.htm) </b></font></div> </td> <td align="center" width="373" height="2"><font size="2"><b> <input type="text" name="url4" size="58"> </b></font></td> </tr> <tr> <td width="287" height="2"> <p align="center"><font size="3" face="arial" color="#555555"><b>Name of 4th Selection<br> <font size="-2" color="#333333">(Menu option 4)</font> </b></font><font size="3" face="arial"><b> </b></font></p> </td> <td align="center" width="373" height="2"><font size="2"><b> <input type="text" name="page4" size="58"> </b></font></td> </tr> <tr> <td width="287" height="2"> <div align="center"><font size="3" face="arial" color="#555555"><b>URL of 5th Selection<br> </b></font><font size="-2" face="arial" color="#333333"><b>(e.g. http://www.domain.com/page5.htm) </b></font></div> </td> <td align="center" width="373" height="2"><font size="2"><b> <input type="text" name="url5" size="58"> </b></font> </td> </tr> <tr> <td width="287" height="2"> <div align="center"><font size="3" face="arial" color="#555555"><b>Name of 5th Selection<br> <font size="-2" color="#333333">(Menu option 5)</font> </b></font></div> </td> <td align="center" width="373" height="2"><font size="2"><b> <input type="text" name="page5" size="58"> </b></font> </td> </tr> <tr> <td width="287" height="2"> <div align="center"> <p align="center"><font size="3" face="arial"><b> <input type="button" value="Create Drop-Down Menu" onclick="MakeIt(this.form);" name="button"> </b></font> <br> <input type="button" name="Button" value="Select Code" onclick="this.form.code.select(); this.form.code.focus()"> </p> <p align="center"><font size="1"> <a href="http://www.searchbliss.com/">SearchBliss</a> / 2001</font></p> </div> </td> <td align="center" width="373" height="2"> <div align="center"><font size="2" color="#ffffff"><b> <textarea name="code" rows="6" cols="50"></textarea> </b></font></div> </td> </tr> </tbody></table> </div></form><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->