Menu Deroulant Javascript by Deluxe-Menu.com
Menu Deroulant Javascript

Template:






    - Items with icons
    - Status string shows item labels
    - Filters and Transitional effects
    - Submenus automatically scrolls
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Search feature - add the search area in the menu and type symbols.
    - Special JavaScript API for changing javascript menu "on-the-fly"




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

Menu Screenshots

Menu Deroulant Javascript Web Page Rolldown Pages

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

Features

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!
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
Dhtml Cool Menu Example Menu Deroulant Javascript
Cost Effective
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu deroulant javascript menus easily and in no time
  • Sensible menu parameters for manual editing



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

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I am not professional website developer … I’ve installed your trial software … but not able to add navigation menu tree in my website. Can you please guide me how I can add tree menus in left side bar of website?

A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.

1. Create your menu in Deluxe Tuner application.
You can create any menu you like in Deluxe Tuner.

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Tree ) you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.

You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
http://www.deluxe-tree.com/parameters-info.html

You can also use Individual Styles for items and subitems.

2. You should install the tree menu on your page.
You can click, for example, File/Export to HTML.

Add several rows into your html page.

<head>
...
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript">  var tWorkPath="deluxe-tree.files/";</script>
<script type="text/javascript" src="deluxe-tree.files/dtree.js"></script>
<!-- (c) 2006 - 2007, http://deluxe-tree.com -->
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="menudir/data-tree.js"></script> </td></tr> //data-tree.js - data file created in Deluxe Tuner.
</table>
...
</body>

You should also copy all engine files
dtree.js - menu engine file
dtree_add.js - additional module for floatable/movable menus
dtree_dyn.js - additional module with Javascript API to change the menu "on-the-fly"
dtree_ajax.js - additional module with the AJAX-like support

into "deluxe-tree.files/" folder. You should place this folder in thesame folder with your index.html page.
Try that.



Q: Could you please explain how to increase the height of our javascript menu submenu links to 18 or 20 px each?

A: You can create Individual submenu style and assign it to the firstitem in each submenu.

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=1","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
["itemPadding=5px 2px 5px 2px"],
];

  var menuItems = [

["Advanced Taser Guns","http://www.defenseproducts101.com/tasers.html", "", "", "", "", "0", "", "", "", "", ],
 ["|Advanced Taser Guns","http://www.defenseproducts101.com/tasers.html", "", "", "", "", "", "1", "", "", "", ], //assign style



Q: I have a problem. How can we get the value of a parameter passed by the menu, when a menu item is clicked? For example I want to get the URL or file name to be open by the menu item when it is clicked.
I am talking about TREE menu.


A: If you want to open url or a file when you click on items of the tree menu you can write, for example:

  var tmenuItems = [
["+DHTML Menus","http://dhtml-menu.com", "images/xpicon1.gif", , , "DHTML Menus", , "0", , , , ],
 ["|Save as...", "javascript:OpenFile('file_name')"]

];


Q: I wanted to know if there's a way to make in the javascript expand menu the submenu to appear as regular text, not a link. Is there a way to do this?

A: Actually you are able to paste any html code within items.

For example:

  var tmenuItems = [
...
   ["||<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='searchthe 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></nobr>","", "images/icons/search.gif", "", "", "", "", "2", "", "", "",],
["test","testlink.html","",]
["<a href='testlink.html'> test </a>","","",]
 ["|There will be NO setup charge, if your letter is completely setup, and requires no further modifications.
To qualify for this option, you must provide us your letter in <b>Microsoft Word format</b> (version 2000 or newer).
Any/all graphics must be embedded in the Word document including your signature.
Your letters will be printed in the provided format without any changes such as repositioning, resizing or any <a href='testlink.html'>other modifications</a> to your text/graphics. If you require help with such changes, please use our Standard setup for a nominal fee. If your ^lt;font color="#0080ff">letter is using an uncommon font</font> (any font not standard to the Windows environment), then you must also email us the font file. You must also indicate the placement of any merge fields in the letter (the information you're pulling from your mailing list to be combined with each letter). To find out more about mail merge click here. ","","",]




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