NEW LISTINGS 
HOT LISTINGS
TOP RATED
EDITOR PICK
ADD A LISTING
UPDATE A LISTING
GET RATED
UPGRADE A LISTING
HOT LISTINGS
TOP RATED
EDITOR PICK
ADD A LISTING
UPDATE A LISTING
GET RATED
UPGRADE A LISTING
Generate cascading javascript drop down menus instantly
13605
Generate cascading javascript drop down menus instantly
http://www.supertom.com/menugen/
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. JavaScript > Scripts and Programs > Navigation > Form Based Oct 12, 2006
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. JavaScript > Scripts and Programs > Navigation > Form Based Oct 12, 2006
Write a Review
Add to My Favorite
Refer it to Friend
Report Broken Link
| |
|
||
| Bookmark Generate cascading javascript drop down menus instantly: |
|||
Other links at JavaScript > Scripts and Programs > Navigation > Form Based
With our Drop Down Menu Maker you can make a menu like the one above with three easy steps. Without knowing how to code any Java Script or HTML.
Category:
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.
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.
Category:
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
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
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.
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.
Category:
After the user selects an option in the pulldown menu, the new page opens in a new window! This is useful when linking to sites not within your site when you do not want the user to leave your site. Your site will remain open in the other window so the visitor can come back to it when the are finished with the popup page. You can even control the size of the popup window, whether it has scrollbars, menubars, toolbars, etc.
Category:
Main Category
203
2047
830
288
175
1805
1619
915
1181
7600
72
922
60
2253
176
Join Mailing List
Joining mailing list will entitle you
to receive occasional emails informing you of news and
updates to the site and any special offers that may be
of interest to you.
Top 10
Directory Statistics
Links: 20112
Categories: 1275
Registered Users: 816
Mailing List Subscribers: 2050
Unique Outgoing Hits: 236477
Pagerank Statistics
PHP News