Skip Navigation.

NWE Help: Web: Authoring: Tips: Pull Down Boxes

NWE Home :: Help :: Web :: Authoring :: HTML :: Tips

Pull down boxes allow you to create menus on your web pages that automatically jump to a site. This is a simple javascript code you can cut and paste to the top of your page just after the <TITLE></TITLE> tags: 

 <SCRIPT LANGUAGE="JavaScript">

        <!-- Begin
        function JumpTo(theMenu){
                var theDestination = theMenu.options[theMenu.selectedIndex].value;
                var temp=document.location.href;
                if (temp.indexOf(theDestination) == -1) {
                        parent.location.href = theDestination;
                        }
        }
        // End -->
        

</SCRIPT>

Wherever you want the menu to go, cut and past the following code (you will need to replace the URLs with whatever links you want and the titles of the links (i.e. "UF Homepage") with whatever you want): 

<FORM METHOD="POST" ACTION="">
<select name="JUMP" onChange="JumpTo(this)">
       <option value="">UF Sites
       <option value="http://www.ufl.edu">UF Homepage
        <option value="http://web.nwe.ufl.edu">NWE
        <option value="http://web.english.ufl.edu">English Department
        <option value="http://web.clas.ufl.edu">CLAS
        <option value="http://www.gatorlink.ufl.edu">Gatorlink
        </select>
       </FORM>

Here's the code in action: