Javascript Scrollable Dropdown by Deluxe-Menu.com
Javascript Scrollable Dropdown

Template:

Dell Style Template - Horizontal Dhtml Menu






    - Inactive/Disabled items
    - Cross-frame support - menus work on frameset-based pages
    - Submenus dropdown on mouseover
    - Image arrows
    - Text aligned to left
    - Sound support!
    - Unlimited number of sub levels
    - Status string shows item labels




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Javascript Scrollable Dropdown Drop Down Menu Web Links

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript scrollable dropdown samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Windows Xp Create Multiple Drop Down Examples Javascript Scrollable Dropdown
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript scrollable dropdown menus easily and in no time
  • Sensible menu parameters for manual editing
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: We are wanting to make this collapsible menu Dynamic by reading from a Microsoft SQL Data base.What is the approach in accomplishing this?

A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:


<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript" src="menudir/dtree.js"></script>


<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var tmenuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];


The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

This example is not for Deluxe Tree menu, but you can create your menu in the same way.

Q: I want to be able to put a small thumbnail icon in the description area of animated drop down menu. Here is a current line from my .js file for a single link.

 ["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br>Gary Parsons ","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549 ",,,,,"0"],

I want it to do this though:

 ["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br>Gary Parsons ","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549 <br><br><img src="images/thumbnail.jpg">",,,,,"0"],

The problem is the "'s around the img src.....it's throwing off your animated drop down menu.

How do I fix that?

A: It is not correct to write menuItems in such way.

You should write:

 ["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br> Gary Parsons <br><br><img src='images/thumbnail.jpg'>","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549",,,,,"0"],

Try that.



Q: Do drop down menu examples work with google page creator ? Orare there any problems ?

A: See how you should install Deluxe Menu on your pages.
Deluxe Menus weren't developed as Google Page Creator/Dreamweaver/Frontpage extension,
BUT you can use it as standard Javascript files.
To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:
http://deluxe-tree.com/installation-info.html

That's all.

It is possible that your program changes some paths, so you havean error in the preview.
On your site or in your browser there'll be no errors.

Q: I am setting up a 3 tab script and each tab opens a new page butthe state of the tab selected reverts back to the default tab.
How do I keep the tab selected for the html vertical tabs when advancing to the next tab (new page)?

A: You should change the selected tab depending on the page you are now.

This Tabs menu can save pressed item automatically within1 page only.
If you open another page, the menu can't remember presseditem.
You should do that manually using Javascript and menu parameters(  var bselectedItem) or
using any server-side script (php, asp, etc.)

Deluxe Tabs doesn't support API functions which can return theselected tab.

So, you can set "bselectedItem" parameter based on your link beforeyou call data.js file.

For example, move "bselectedItem" parameter from data.js file to yourcode.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript>
</SCRIPT>
</TD>

You should define seltabs using server side script.

Buy Now!   ::  Free Trial Download   ::  More Info