Free Scripts
+ Redirects
+ No Right Click
+ Alerts
+ Popups
+ Menus
+ Calendars
+ Forms
+ Windows
+ 4x Browser
+ Images
+ Links
+ Frames
+ Clocks/Time
+ Misc.


 Navigate
 Javascripts
 New Scripts
 Submit Script
 Free Content
 Link To Us
 Bookmark Us
 Privacy Policy





Recommend Us : Bookmark Us : Link To Us : Submit A Script
Registered Members

Creating a Navigation Menu in JavaScript: Step 1
by Christopher S.L.Heng,

Improving Your Site Navigation
We all know of the value of making it easy for visitors to our website to navigate the site. In general, your visitors are unlikely to search every single page of your site just to get the information they want. If they cannot easily get to the information they are looking for, they'll just leave the site.

There are many ways of improving the navigation on your site. This is just one of theways.

Using a Drop Down Menu
One of the simplest ways to improve the navigation on your site is to put a drop down menu on each of your pages. The menu should contain a list of pages on your site. The visitor simply selects a page that he wants and, voila, he is transported there.

Some sites use a drop down menu at the top of each page. The menu, in the case with my site, is implemented using a CGI script in conjunction with a JavaScript. It would, however, still work even if the visitor does not have JavaScript enabled - he/she would have to click the "Go!" button manually to get to the page (instead of automatically being transported to the page when he selects an item).

If however, you prefer to implement the entire menu in JavaScript, this is possible too. In fact, the JavaScript to do the trick is quite trivial. Implementing the entire facility in JavaScript has the advantage of simplicity (no need to write and install a CGI script) and may indeed be a necessity if you do not have CGI access on your web server. The disadvantage would be that visitors who do not have JavaScript facility (whether because they are using an older browser or by choice through disabling it) in their browsers would not be able to use your navigation facility. My site statistics suggest that this is about 8% to 10% of my visitors (which may not necessarily be so for yours; it depends on your target audience).

Next Step: Implementing the Javascript >>


Copyright 2000 by Christopher S L Heng. All rights reserved.
Visit http://www.thefreecountry.com/ for more free articles, resources and tools for webmasters and software programmers.

© 2017 Javascripts
Proudly Hosted by HostDeparment
Now Viewing
Web Builder Network Portal
Bignosebird
FREE CGI scripts, Web tutorials, essential HTML tricks and more!
Fontpool
1000+ Truetype fonts for PC & MAC!
Graphxkingdom
Thousands of free Icons, Clipart & Themes!
Free-Backgrounds
Hundreds of eye-popping Backgrounds & Textures
Java-scripts.net
Cool and easy effects with cut-and-paste Javascripts!
Advertise
on the
Reallybig.com
Network