Javascript Collapsible List by Deluxe-Menu.com
Javascript Collapsible List

Template:






    - Several menus on one page
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Submenus automatically scrolls
    - Cross-frame support - menus work on frameset-based pages
    - 85% transparency for sub menus
    - Text aligned to left
    - Submenus dropdown on mouseover
    - Relative/Absolute menu position




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

Menu Screenshots

Javascript Collapsible List Java Script Navigation Download

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

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript collapsible list menus easily and in no time
  • Sensible menu parameters for manual editing
Menu Script Html Javascript Collapsible List
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript collapsible list samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!



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: I have a question
How can i insert html code into Tree Menu?

Example: I need to put a form, inside of a menu


A: You are able to paste any html code within items.
So you can paste a form too.

For example:

  var tmenuItems = [

...
   ["||<FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='search
the web' size=15 style='font-size:10'> <INPUT type=hidden name=cof
value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:http://domain.edu;
AWFID:e01cb67b8afe383e;'></form>","",
"images/icons/search.gif", "", "", "", "", "2", "", "", "",],


Q: I downloaded the free trial version and so far it looks like we can do everything. I have a couple questions:

the designer wants it so that when any of the submenu choice are selected, the main main menu in java item should be highlighted when the submenu page is displayed (kind of a breadcrumb). So, is there any way to change the background image of one of the main menu items after the menu loads? I haven't tried running my main menu in java in a webpage yet so I'm not sure if you generate a separate CSS file or put all of the settings into a STYLE= attribute of each tag.

A: The main menu in java has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem. You can't get this ID after you reload your page. That is why you should write your own code on PHP.



Q: Thank you so much for your time and assistance - I've been charged with this project and still struggling a little. Considering my total ignorance to code, I'm understanding much better now, but could you please take a look at the page and tell me why I now have double menus and how to correct?


A: It happens because at first you call
<SCRIPT src="CHSD Map_files/data.js" type=text/javascript > </SCRIPT >
and then you paste the content of data.js file in your code.
That's why you have two menus on your page.Please, delete one of them.


Q: Do you have a list of which browsers and which operating system platforms that your DHTML Menu is compatible with?


A: Please, see the list of supported browsers.

Windows OS
---------------------------
   Internet Explorer 5+
   FireFox
   Mozilla
   Netscape 4.7+
   Opera 5+

   MAC OS
---------------------------
   FireFox
   Safari
   Internet Explorer

   Linux/Unix OS
---------------------------
   Konqueror
   Mozilla




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