EchoEcho.Com Homepage
Web Hosting - As Reliable As It Gets!
   Home > Tools > Drop Down Menu


 Tutorials 
 D-Zine Articles 
 Online Tools 
 Free Resources 
 References 
 Quiz 
 Hosting 

















  ONLINE TOOLS :
DROP DOWN MENU








This tool will let you easily create a drop-down menu.

Fill in the fields below and let this page do the javascript programming for you.

The menu supports both MSIE3+ and NS3+ browsers.

And on top of it all: It even works with frames!

Use the example below to test it for yourself!



As easy as it gets!





FILL IN THE FORM


Load selected page immediately
Use a button to load selected page

TEXT IN MENULINK TO JUMP TO



























COPY THE CODE FOR YOUR PAGE

Copy this to the <HEAD> of your page

<script>
<!--
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>

NOTE:
If you add more than one menu to your page,
do not paste the above code more than once.



Copy this to the <BODY> of your page,
where you want the menu to appear:







NOTE:
The menu also works with targets to open links in specific frames or new windows. Simply add an asterisk ( * ) after the link - then specify the target.

Ex: To add the target "_blank", use this syntax:

http://www.yahoo.com*_blank

PREDEFINED TARGETS ARE:

_blank : Open in new window
_parent : Open in superior frame
_top : Cancel all frames and open in current window


FRAMESET TARGETS:

If your page is divided into a frameset, you can also enter the name of a framewindow as a target. This will open the link in the specified framewindow.

For example:
If you want Yahoo to open in a framewindow
called MAINWINDOW you would enter this url:

http://www.yahoo.com*MAINWINDOW






SAMPLE PAGE

Click here to see a sample page with 2 drop-down menus.





 << PREVIOUS
READ MORE >>  



















     "Better Than Books - As Easy As It Gets!"


On EchoEcho: D-Zine Articles | Tutorials | Online Tools | Free Resources | References | Quiz | HostingAbout EchoEcho