How to create a javascript multi-link jump box

One of the best navigation methods through web sites is the use of multi-link jump boxes. The vast majority are CGI based, but you can also create a javascript jump box. It is really not difficult, as you will seee from the following example (the codes for a whole page with the multi-link jump box):

<HTML>
<HEAD>
<TITLE>Jump Box</TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<FORM>
<SELECT>
<OPTION VALUE="index.htm">Home
<OPTION VALUE="../tutorials/index.html">Tutorials
<OPTION VALUE="../resources/index.html">Resources
</SELECT>
<INPUT TYPE="button" VALUE="Go"
onClick="jumpBox(this.form.elements[0])">
</FORM>
</BODY>
</HTML>

And you will get this:

Now all you have to do is replace the file names and titles (for example you can use links.html as OPTION VALUE with Links as the visible title).

Tips and Tricks

Sponsor

Hot Wedding Ideas

Advertise

Really affordable rates.

Feedback

Comments, suggestions?