Navigation Scripts

• Clocks & Timers
• Pop-ups
• Navigation
• User-Details
• Maths-Related
• Miscellaneous

This is a simple drop-down navigation menu. Just choose one of the options available and then click the Go button.

This drop-down navigation menu is similar to the one shown above but unlike the other it does not have the Go button. The moment you select any of the options you are immediately taken to that page.

This drop-down navigation script can be used for viewing information about many different items that are available under different categories. This is especially useful in commercial web pages. The example below does not function but was included just for the viewers to better understand the scripts utility. Additions can very easily be made to the drop down lists by the careful perusal of the script which has been made as easy to understand as possible. The only constraint for this script is that the items should be the same under the different categories.

This drop-down navigation menu is different from the others shown above as this script includes a textarea inside which explanatory text regarding the respective links are shown when any of the links are selected. This helps the users decide whether or not to go to those links after the perusal of the explanatory text.

This script opens a popup links menu when users click a standard link. This script would be useful in case additional links need to be displayed when users click any particular link. The popup links menu, which would be displayed when the link is clicked, would automatically disappear after any given time limit that can be set or if the link is clicked again. Click the link below to better understand how the script works.

Like the script above this script also opens a popup links menu when users click a standard link. The difference is that using this script multiple links can be provided with pop-up menus.

This script can help users add colourful tooltips to links. Usually the standard tooltips for most browsers is of a lightish yellow background with black font. Users can change this standard to add some pizzazz to their sites with the help of this script.

With this script you can, on clicking a button, open or hide a hidden links menu. The menu can be made to open in any desired place near or around the button. In the example that you can view by clicking the link below, the menu is set to open right below the button thus looking like an extention of the button! This script while being a unique navigation menu also saves space as the button that opens the pop-up can be conveniently tucked away in a corner. Also you can add any number of links to the menu to best suit your needs. When the button is clicked the text on the button also changes to reflect whether the menu is visible or hidden. As the button and menu are within layers they can be placed anywhere in the HTML document; even hovering on top of either text or images! Alternately you can also use this script to show or hide not just links but also credits or other information.

Below is a script that opens a small pop-up window containing a unique checkbox navigation menu, smack on the button that triggers the function. This script works in the same way as the 'ON THE BUTTON POP-UP' script. Clicking the button below will help you understand how the script works. After the pop-up window opens you can choose to go to any of the given links. When any one checkbox is clicked the pop-up menu window automatically closes while a new window opens that takes you to the given URL. This script saves space as the button that opens the pop-up can be conveniently tucked away in a corner without the danger of the pop-up popping off the screen!

With this one-line script you can add a special E-mail link or button to your pages, clicking which opens the default Mail program with the To, Cc, Bcc, Subject and Body fields already filled in. The unique part of this script is that you can add as many E-mail addresses in the Cc and Bcc fields as you want, to have copies of the mail sent to others or to different accounts of yours.

With the help of this script you can redirect your viewers to a new page after a certain period of time. The time after which the page will be redirected can be set. Overall a very simple but useful script. No example has been included for this script.

Using this script your viewers can go to any URL they want by just typing it in the text box as shown in the example below. After typing in the URL click the Go button. This script is especially useful when you add it to a pop-up window that has the 'Location Box' disabled.

With the help of this simple script users can put up unique checkbox navigational links on their web-pages instead of the standard links.

With this script users can put up radio button navigational links on their web-pages.

This short script is a button link to different websites. The text on the button changes every two seconds. If users want to go to the Netscape website they will have to wait till the value of the button changes to 'Netscape' before clicking the button. The script can be modified as per user preference.

This script is similar to the one above, but instead of a button this script changes the drop down menu value every two seconds. Users can either click the drop down menu and choose where to go, or else wait for the value of the drop down menu to change to the site they want to visit before clicking the Go button. The moment users change the selection in the drop down menu the rotation of values stops.

This script puts up a simple links menu on top of the page. The novelty of this menu is that it always stays on top even if visitors scroll down the page.

With the help of this script users can put up a non-intrusive links menu on their web pages. Only an edge of the links menu will be visible. Hovering the mouse on top of the edge slides out the links menu. You can add any number of links to the menu to best suit your needs!

Similar to the above script but with an enhancement! The novelty of this link menu is that the menu will always hover in the same place on the page even when visitors scroll down the page.

This script helps in providing information, in the form of a tooltip, about link(s). If you hover the mouse over any of the links, descriptive text about the respective links appears on the page. The descriptive text can be made to appear in any area on the page as per the users needs. This script can be used for both image links as well as text links.

With the help of this script you can put up a drop down navigation menu on your website in such a way that it floats on the page in any particular location that can be set. The menu hovers at the same place even if you scroll down the page.

If users have to put up the same Drop Down Navigation menu on many of their web-pages this script will prove useful. With the help of this script whenever any changes are to be made in the Drop Down menus, all the users will have to do is edit just one .js file to have the changes reflected in all the HTML files that carry the Drop Down menu.

This script gives the users the option to open links in a new window or to open the links in the same window. If the checkbox that is provided is ticked the links will open in a new window, else the links will open in the same window.

Using this script users can put up a floating 'Back to Top' link on their web pages. This would be especially useful for those who have web pages with a lot of content that viewers would have to scroll down the page to view. So no matter where the viewers scroll the 'Back to Top' link would always be available to click. No example has been included for this script.

With the help of this script users can put up a collapsible menu on their web pages. Clicking on those links with the + symbol in front would open a hidden bunch of links. Users can also add unlimited nested sub-links as shown in the example. The appearance of to the menu can be changed to best suit users needs.

This script is similar to the one above except that if a main link is clicked it would close any open links related to any other main link while opening its own hidden links.

This script is also similar to the ones above except that this script remembers if any of the main links or sub-links have been opened. So if visitors were to click open any of the link headers and go to another page, they would come back to the page to see the same links just as they had left them. Or if the same menu were to be placed on all pages of the site, the state of the menu would remain the same over all the pages.

Using this script users can put up a floating menu on their web pages. The menu will always hover in the same place on the page even when viewers scroll down the page. You can add any number of links to the menu, or completely change the appearance of to the menu, to best suit your needs.

Using this script users can put up a floating collapsible menu on their web pages. The menu will always hover in the same place like in the previous script. In addition to this the menu has collapsible links as seen in Collapsible Menu script. Clicking on those main links with the + symbol in front would open a hidden bunch of links. Users can also add unlimited nested sub-links as shown in the example. Users can also completely change the appearance of to the menu to best suit their needs.

This is also a floating collapsible menu that works like the previous script except that additionally if a main link is clicked it would close any open links related to any other main link while opening its own hidden links.

This script scrolls visitors to any given point on the web-page whenever it is loaded. This enables users to have their visitors directed to any important area of their web-page and not just have the page loaded as usual. I have put up this script as I have seen visitors coming to this site looking for a similar script. No example has been included for this script.

A tabbed navigational menu that has a provision for link description or sublinks. Compatible with all the latest browsers. This menu is similar to the one seen at the Yahoo! News site.

• Clocks & Timers
• Pop-ups
• Navigation
• User-Details
• Maths-Related
• Miscellaneous