Streamline you links into one box for easy selection and navigation with this script. As an added touch, the script briefly "flashes" the selected link before whisking visitors to it upon clicking the "Go there" button.

Example: Try selecting a link and clicking the "Go there" button. Notice how the selected item "flashes".

Write a Review   Add Favorite   Refer it to Friend   Report Broken Link  
Date Added: Oct 12, 2006 Hits: 0 Rating: 0.00 Votes: 0

A regular combo box with the added feature of allowing the selection to be opened in a set secondary window.

Example

Write a Review   Add Favorite   Refer it to Friend   Report Broken Link  
Date Added: Oct 12, 2006 Hits: 2 Rating: 0.00 Votes: 0

A combo box that also displays a short description of the selected link in a form box.

Write a Review   Add Favorite   Refer it to Friend   Report Broken Link  
Date Added: Oct 12, 2006 Hits: 1 Rating: 0.00 Votes: 0

Cascading Menus can be described as drop down boxes that change do to a selection in a previous drop down box. MenuGen customizes the javascript code written for cascading menus by Alan King and company at webreference.com, which is tried and true code that has been tested across platform and browser (at least according to them!). To see an example, click here.

MenuGen currently only handles 2 drop down boxes (changing values in box1 changes box2). (For multiple drop down boxes, see the docs at webreference.com). In this situation, the values in box1 are static and printed directly as normal HTML. The corresponding box2 options will also be copied into the HTML as well as the javascript for full functionality.

Write a Review   Add Favorite   Refer it to Friend   Report Broken Link  
Date Added: Oct 12, 2006 Hits: 5 Rating: 0.00 Votes: 0

Fill in the required information
Generate the source (button at bottom)
Preview your script (button at bottom)
Copy and Paste the 'Source Code' into your HTML page
Note
If you choose Load selected page immediately, no action occurs for the first Link URL.
Leave Link URL blank on the lines where you want the text entry to act as a divider or a menu header.

Write a Review   Add Favorite   Refer it to Friend   Report Broken Link  
Date Added: Oct 12, 2006 Hits: 0 Rating: 0.00 Votes: 0

saving: copy/paste
instructions: The tool below will create code for a JavaScript Drop-Down Menu. Choose the amount of links you want in your menu, hit next, then enter your link items in the spaces provided.
generated code works with: FireFox 1.5, Opera 8.5, Netscape 8, Internet Explorer 6 and SlimBrowser 4.

Write a Review   Add Favorite   Refer it to Friend   Report Broken Link  
Date Added: Oct 12, 2006 Hits: 3 Rating: 0.00 Votes: 0

Paste the code from above between the and tags on your page, exactly where you want the drop box to appear.
Change the text in red in the Text to Change Section below to the correct web addresses and link titles for your site. Change the image url to the url of the image you decide to use. If you want to use the one shown here, download it by right-clicking the image below.

Check the Format Window to be sure you do not have one single line of code, or too many line breaks in the code.
You can add more link options to the drop box by adding additional tags and changing the url in each value="url" attribute in the new tags

Category:

JavaScript > Scripts and Programs > Navigation > Form Based

Write a Review   Add Favorite   Refer it to Friend   Report Broken Link  
Date Added: Oct 12, 2006 Hits: 3 Rating: 0.00 Votes: 0

script will allow your visitors to type in a url of their choice and hit a button to go there. Almost the same thing as using the address bar on your browser, but may come in handy for some sites.

Write a Review   Add Favorite   Refer it to Friend   Report Broken Link  
Date Added: Oct 12, 2006 Hits: 1 Rating: 0.00 Votes: 0

This script is almost identical to the Select and Go script, but it opens the address in a new popup window. You can set the new window to have a height, width, etc. or just leave it to open as a normal new window.

Write a Review   Add Favorite   Refer it to Friend   Report Broken Link  
Date Added: Oct 12, 2006 Hits: 2 Rating: 0.00 Votes: 0

The navigation menu above works by using the onChange function of the SELECT object to tell the window to load a new document. The URLs of the documents to jump to are given by the VALUE of the various OPTION tags contained in the SELECT.

This kind of navigation tool has the advantage that it takes up less space than a conventional menu made of text or image links, or an image map. Unfortunately, it also has some disadvantages.

One problem is that the navigation menu will take on the appearance of standard menus on whatever platform your visitors are using, which is likely to clash with whatever look and feel you have chosen for your pages on at least some platforms.

A more serious disadvantage is that this technique depends on JavaScript. As such, if you use it as the only method of navigation on your site, you will close your pages to users who have disabled JavaScript on their browser, as well as those who don't have JavaScript-capable browsers. As more and more sites use JavaScript to assault their visitors with pop-up dialogs, scrolling tickers, extra windows, layers and other assorted irritations, more and more Web users are likely to disable JavaScript so it is unwise to rely on it as the only way for people to get around your site.

Write a Review   Add Favorite   Refer it to Friend   Report Broken Link  
Date Added: Oct 12, 2006 Hits: 7 Rating: 0.00 Votes: 0