Drop Down Menu Generator

[Total: 0    Average: 0/5]

Our generator allows you to enter link names and urls, and at the click of a button it creates a javascript drop-down menu.

Head Code:

<!--Paste code below between your head tags-->
<!--Created by SearchBliss/copyright 2001-->
<!--This script is free for personal and/or business use in the
condition that our link remains at the bottom of the script. You may
change colors,text,etc.-->
<script language="JavaScript">
<!--  Begin
var R5=window,C6=document;function MakeIt(D6){var txt='';txt+=D6.java.value+'rn';txt+='<form name="'+D6.name.value+'">rn';txt+='<select name="dropdownmenu" size=1 onChange="goToURL(this.form)">rn';txt+='<option selected value="">rn';txt+=D6.name.value+'rn';txt+='<option value="'+D6.url1.value+'">rn';txt+=D6.page1.value+'rn';txt+='<option value="'+D6.url2.value+'">rn';txt+=D6.page2.value+'rn';txt+='<option value="'+D6.url3.value+'">rn';txt+=D6.page3.value+'rn';txt+='<option value="'+D6.url4.value+'">rn';txt+=D6.page4.value+'rn';txt+='<option value="'+D6.url5.value+'">rn';txt+=D6.page5.value+'rn';txt+='</select></D6>';D6.code.value=txt;}function ResetPage(D6){if(confirm("Do you wish to start over?")){D6.name.value="";D6.url1.value="";D6.url2.value="";D6.url3.value="";D6.url4.value="";D6.url5.value="";D6.page1.value="";D6.page2.value="";D6.page3.value="";D6.page4.value="";D6.page5.value="";}}
// End -->
</script>

Body Code:

<form action="">
  <div align="center">
    <table bgcolor="#FFFFFF" border="2" cellpadding="4" width="690" height="314" bordercolorlight="#FFFFFF" bordercolordark="#555555">
      <tr> 
        <td  width="287"> 
          <div align="center"><font size="3" face="arial" color="#555555"><b>Links 
            Window </b> </font></div>
        </td>
        <td align="center" width="373"><font size="2"><b>
          <select name="java">
            <option value="&lt;script language=&quot;JavaScript&quot;&gt;
&lt;!-- 
function goToURL(form)
  {

    var myindex=form.dropdownmenu.selectedIndex
    if(!myindex==&quot;&quot;)
      {
        window.location.href=form.dropdownmenu.options[myindex].value;

      
      }
}
//--&gt;
&lt;/script&gt;
&lt;!--Paste code above between your head tags--&gt;
&lt;!--Paste code below between your body tags--&gt;" selected>Open URLs in this 
            window</option>
            <option value="&lt;script language=&quot;JavaScript&quot;&gt;
&lt;!-- 
function goToURL(form)
  {

    var myindex=form.dropdownmenu.selectedIndex
    if(!myindex==&quot;&quot;)
      {
 
window.open(form.dropdownmenu.options[myindex].value)

      
      }
}
//--&gt;
&lt;/script&gt;
&lt;!--Paste code above between your head tags--&gt;
&lt;!--Paste code below between your body tags--&gt;">Open URLs in a new window</option>
          </select>
          </b></font> </td>
      </tr>
      <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="text" name="name" size="40">
          </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=40>
          </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="40">
          </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=40>
          </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=40>
            </b> 
        </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=40>
          </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=40>
          </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=40>
          </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=40>
          </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=40>
          </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=40>
          </b></font> </td>
      </tr>
      <tr> 
        <td width="287" height="156"> 
          <div align="center"> 
            <p align="center"><font size="3" face="arial"><b> 
              <input type="button" value="Create 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="156"> 
          <div align="center"><font size="2" color="#FFFFFF"><b> 
            <textarea name="code" rows=6 cols=38></textarea>
            </b></font></div>
        </td>
      </tr>
    </table>
  </div>
</form>

Times Viewed: 4

Leave a Reply

Your email address will not be published. Required fields are marked *