Sandeep's Nook: JavaScript Page


Navigation Scripts


 1. DROP-DOWN NAVIGATION MENU - I
   

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

 
Click here for the script.
 
 2. DROP-DOWN NAVIGATION MENU - II
   

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.

Click here for the script.
 
 3. DROP-DOWN NAVIGATION MENU - III
   

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.

   
Click here for the script.
 
 4. DROP-DOWN MENU WITH EXPLANATORY TEXT
   

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.


Click here for the script.
 
 5. POP-UP LINKS MENU
   

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.

Click to view this script.
 
 6. MULTI POP-UP LINKS MENU
   

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.

Click to view this script.
 
 7. CUSTOM TOOLTIP
   

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.

Click to view this script.
 
 8. BUTTON POP-UP LINKS MENU
   

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.

Click to view this script.
 
 9. POP-UP CHECKBOX NAVIGATION MENU
   

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!

     
Click here for the script.
 
 10. E-MAIL BUTTON/LINK
   

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.

Contact Me      
Click here for the script.
 
 11. REDIRECT AFTER TIME-LAPSE
   

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.

Click here for the script.
 
 12. CUSTOM LOCATION BAR
   

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.

Click here for the script.
 
 13. CHECKBOX LINKS
   

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

Sandeep's JavaScript Page!
Click here for the script.
 
 14. RADIO BUTTON LINKS
   

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

Sandeep's JavaScript Page!
Click here for the script.
 
 15. CHANGING VALUE BUTTON LINK
   

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.

Click here for the script.
 
 16. CHANGING VALUE DROP DOWN LINK
   

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.

Click here for the script.
 
 17. ALWAYS ON TOP LINKS MENU* UPDATED *
   

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.

Click to view this script.
 
 18. EXPANDABLE SLIDING LINKS MENU* UPDATED *
   

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!

Click to view this script.
 
 19. EXPANDABLE SLIDING & FLOATING LINKS MENU* UPDATED *
   

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.

Click to view this script.
 
 20. LINK DESCRIPTION TOOLTIP
   

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.

Click to view this script.
 
 21. FLOATING DROP DOWN NAVIGATION MENU* UPDATED *
   

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.

Click to view this script.
 
 22. REMOTE DROP DOWN NAVIGATION MENUS
   

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.

Click to download the script.
 
 23. OPEN LINKS OPTION
   

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.

Click to view the script.
 
 24. FLOATING BACK TO TOP LINK* UPDATED *
   

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.

Click here for the script.
 
 25. COLLAPSIBLE MENU
   

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.

Click to view the script.
 
 26. COLLAPSIBLE MENU - II
   

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.

Click to view the script.
 
 27. COLLAPSIBLE MENU WITH MEMORY* NEW *
   

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.

Click to view the script.
 
 28. FLOATING MENU* UPDATED *
   

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.

Click to view the script.
 
 29. FLOATING COLLAPSIBLE MENU* UPDATED *
   

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.

Click to view the script.
 
 30. FLOATING COLLAPSIBLE MENU - II
   

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.

Click to view the script.
 
 31. ONLOAD AUTO SCROLL TO...
   

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.

Click here for the script.
 
 32. TAB MENU WITH LINK DESCRIPTION OR SUBLINKS
   

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.

Click to view the script.
 


Index Home Site Map Contact the author Back to top

Copyright © 2000 - 2024 Sandeep Gangadharan. All rights reserved.
Please read the Terms Of Use before using any of the scripts.