Adding a Quick Selector Menu

You can add a drop down selector type menu (shown below) to your template. Copy and paste the code below into your "head" and the second part into the body of your HTML document. This script uses the "dropdown" class defined in your coolstyle.css or corporatestyle.css. Remove the class="dropdown" in the second script to remove that.

Example:

Select a Link-----------> Support Home About AllWebCo Free Scripts

Step #1: Add Header Code:
Copy the following code and add it just above the < /head> of your HTML document:

<!-- COPY THE FOLLOWING CODE AND ADD IT TO YOUR HEAD --> <script language="JavaScript"> <!-- function land(ref, target) { lowtarget=target.toLowerCase(); if (lowtarget=="_self") {window.location=loc;} else {if (lowtarget=="_top") {top.location=loc;} else {if (lowtarget=="_blank") {window.open(loc);} else {if (lowtarget=="_parent") {parent.location=loc;} else {parent.frames[target].location=loc;}; }}} } function jump(menu) { ref=menu.choice.options[menu.choice.selectedIndex].value; splitc=ref.lastIndexOf("*"); target=""; if (splitc!=-1) {loc=ref.substring(0,splitc); target=ref.substring(splitc+1,1000);} else {loc=ref; target="_self";}; if (ref != "") {land(loc,target);} } //--> </script>

<!-- ADD THE FOLLOWING CODE TO YOUR HTML PAGE --> <form action="#" method="post"> <select name="choice" size="1" onchange="jump(this.form)" class="dropdown"> <option value="">Select a Link-----------></option> <option value="index.html">Support Home</option> <option value="about.html">About AllWebCo</option> <option value="scripts.html">Free Scripts</option> </select> </form>

Step #2: Add The Menu:
Add this code anywhere on the HTML page. It can also be added to .js header and footer files but that is a bit tricky to setup. It is recommended for more experienced HTML programmers.


Editing header, footer, etc... .js Files Notes:
If you are adding the menu to a .js file (header.js etc...), still do step #1 above just as outlined. In step #2, add that code to the .js file and be sure to put document.write(' in front of every line and '); at the end of every line.


Related Topics:
Editing the Menus
Adding Drop Down Menus

source: allwebco-templates.com