The JavaScript Source: Navigation: Pulldown Menu (Double)

Internet.com - The Network for Technology Professionals

Events
- JupiterEvents
- internet.com/webcasts
Jobs
Partners
Solutions
- eBooks
- Video
Shop

Home Page Details Pulldown Menu (Double)

If you have an 'archive' site, like The JavaScript Source, it might make more sense to provide archive-like navigation. The Visitors can choose your topic (or category, as is the case in TJS) from the first Pulldown Menu and then pick a link from the second Pulldown Menu. This is a very wonderful script.

then

The JavaScript Source: Navigation: Pulldown Menu (Double)
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as NotePad or SimpleText) and save (Control-s or Apple-s). The script is yours!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <SCRIPT LANGUAGE="JavaScript1.1">  </SCRIPT> <SCRIPT LANGUAGE="JavaScript">     ",""); } if(j==1) { // 1st category items a=new Array(); O("Pick Item --->",""); O("Buttons","http://javascript.internet.com/buttons/"); O("Clocks","http://javascript.internet.com/clocks/"); O("Cookies","http://javascript.internet.com/cookies/"); O("Forms","http://javascript.internet.com/forms/"); O("Games","http://javascript.internet.com/games/"); O("Messages","http://javascript.internet.com/messages/"); O("Miscellaneous","http://javascript.internet.com/miscellaneous/"); O("Navigation","http://javascript.internet.com/navigation/"); O("Page Details","http://javascript.internet.com/page-details/"); O("Pass. Protec.","http://javascript.internet.com/passwords/"); O("Scrolls","http://javascript.internet.com/scrolls/"); O("User Details","http://javascript.internet.com/user-details/"); O("Table Of Contents","http://javascript.internet.com/toc.html"); } if(j==2) { // 2nd category items a=new Array(); O("Pick Item --->",""); O("How Do I...?","http://forums.internet.com/cgi-bin/WebX?13@^265342@.ee6b7af"); O("Script Help","http://forums.internet.com/cgi-bin/WebX?13@^265342@.ee6b7ab"); O("Script Requests","http://forums.internet.com/cgi-bin/WebX?13@^265342@.ee6b7ad"); O("Intro to JavaScript","http://forums.internet.com/cgi-bin/WebX?13@^265342@.ee6b7a7"); O("What's New?","http://forums.internet.com/cgi-bin/WebX?13@^265342@.ee6b7a9"); } if(j==3) { // 3rd category items a=new Array(); O("Pick Item --->",""); O("JS Question?","http://forums.internet.com/cgi-bin/WebX?14@^3027@.ee6b313"); O("JS Contribution","http://javascript.internet.com/contribute.html"); O("Site Comments","http://javascript.internet.com/contact-us.html"); O("Other ...","http://javascript.internet.com/feedback.html"); } aln2=a.length; getFormNum(formName); if (formNum>=0) { formNum = formNum + 1; with (document.forms[formNum].elements[elementNum]) { for (var i=options.length-1;i>0;i--) options[i]=null; for (var i=1;i<aln2;i++) options[i-1]=a[i]; options[0].selected=true; } } } else { jmp(formName,elementNum); } } // End --> </SCRIPT> </head>  <BODY> <center> <table border=0> <tr valign=top> <TD align=center><form name=f1 method=post action="" onSubmit="return false;"> <select name=m1 onChange="relate(this.form,0,this.selectedIndex); document.f2.m2.focus();"> <option value="/">Pick Category ---> <option value="/">JavaScripts <option value="/">Message Forum <option value="/">Feedback Form </select></form></td> <td align=center> <b>then</b> </td> <td><form name=f2 method=post action="" onsubmit="return false;"> <select name="m2" onchange="jmp(this.form,0)"> <option value="/">Pick Item --->  <option value="/"> <option value="/"> <option value="/"> <option value="/"> <option value="/"> <option value="/"> <option value="/"> <option value="/"> <option value="/"> <option value="/"> <option value="/"> <option value="/"> <option value="/"> </select></form></td> </tr> </table> </center> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Did you use this script? Do you like this site? Please link to us!

Sign up for the JavaScript Weekly

internet.com Privacy Policy

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Whitepapers and eBooks
IBM eBook: Planning a Service Oriented Architecture IBM eBook: Choosing the Right Architecture--What It Means for You and Your Business Microsoft Article: Will Hyper-V Make VMware This Decade's Netscape? Avaya Article: Using Intelligent Presence to Create Smarter Business Applications Intel Go Parallel Article: Getting Started with TBB on Windows Microsoft Article: 7.0, Microsoft's Lucky Version? Avaya Article: How to Feed Data into the Avaya Event Processor		IBM Article: Developing a Software Policy for Your Organization Microsoft Article: Managing Virtual Machines with Microsoft System Center Intel Go Parallel Article: Intel Threading Tools and OpenMP HP eBook: Storage Networking , Part 1 Microsoft Article: Solving Data Center Complexity with Microsoft System Center Configuration Manager 2007 MORE WHITEPAPERS, EBOOKS, AND ARTICLES

Webcasts
HP Video: StorageWorks EVA4400 and Oracle HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind		Microsoft Silverlight Video: Creating Fading Controls with Expression Design and Expression Blend 2 MORE WEBCASTS, PODCASTS, AND VIDEOS

Downloads and eKits
Red Gate Download: SQL Toolbelt and free High-Performance SQL Code eBook Iron Speed Designer Application Generator		MORE DOWNLOADS, EKITS, AND FREE TRIALS

Tutorials and Demos
Silverlight 2 App and Walkthrough: Leverage Silverlight 2 with SQL Server and XML IBM Article: Enterprise Search--Do You Know What's Out There? HP Demo: StorageWorks EVA4400		Microsoft Article: The Progress and Promise of Deep Zoom Microsoft How-to Article: Get Going with Silverlight and Windows Live MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES