Javascript Multi-link Jump Box
 
Network Websites
Corporate website
Beautiful Clip Art
Fast Cars
Video Tiger
Fantasy Art
Beauty & Health
Tips & Tricks

Fast Loading Pages
Glowing Links II
Hide E-mail Address
Javascript Links
Link Colors
Marquees
Navigation
New Window
No Underline Links
Out of a Frame
Page Flash Effects
Preload Graphics Protect Graphics
Redirect Scrolling Javascript
Text Roll-Overs
Tooltip Links
[more tips...]

Tutorials
CSS
Colors
Forms
FTP
Image Maps
Meta Tags
Resources

Web Hosting
Counters & Trackers
Domain Names
Graphics
Web Page Design
Java Script
DHTML

 

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">
<!--- Hide from old browsers
function jumpBox(list) {location.href =
list.options[list.selectedIndex].value}
// end hiding --->
</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?

 

 

home | tips & tricks | tutorials | tools | resources | contact | advertise
© 2000 - 2001 GT Media Inc. All rights reserved.