Telechargement Menu Iweb by Deluxe-Menu.com
Telechargement Menu Iweb

Menu Screenshots

Telechargement Menu Iweb Creating Trees In Javascript

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!
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
Dhtml Vertical Expand Menu Telechargement Menu Iweb
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
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: The AJAX sample for tree menu script on website does not have any styling applied at the moment.
I am assuming that it would support full styling with AJAX as well.
Is this correct?

A: You can use any style and templates for the AJAX sample.
Create a menu and set style you need using Individual Item Styles.
To enable AJAX Tree Menu use the following menu parameters:

  var tajax=1;

Then set your menu in such way:

  var tmenuItems = [

["Deluxe Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "", "data-samples/data-ajax5.js", ],
["+Samples Gallery","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
 ["|Samples Block 1","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
 ["|Samples Block 2","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
 ["|Samples Block 3","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
];

Each .js file must contain menuItems variable for the submenu in the following format:

  var tmenuItems = [

[text, link, icon1, icon2, icon2, tip, target, itemStyle, submenuStyle, jsFileName],
];

Where jsFileName - .js filename on the server that contains tmenuItems variable for the submenu.
For example:

  var tmenuItems = [

["Home","testlink.htm", "", "", "", "Home Page Tip", "", "", "", "", ],
["Product Info","", "", "", "", "Product Info Tip", "", "", "", "data-samples/data-ajax2.js", ],
["Samples","", "", "", "", "Samples Tip", "", "", "", "data-samples/data-ajax4.js", ],
["Purchase","testlink.htm", "", "", "", "Purchase Tip", "", "", "", "", ],
["Support","", "", "", "", "Support Tip", "", "", "", "", ],
 ["|Write Us","mailto:[email protected]", "", "", "", "", "", "", "", "", ],
];



Q: > You should call the following function:
> dtreet_ext_getItemIDByIndex (0, 12)
> where 12 - is index of the item.

How would I know that 12 is the index of the item? How is itemInd different from its itemID? I assume the menuInd is always 0 for the first menu (or only in my case) menu on a page?


A: Yes, menuInd is the number of the menu on your page (in your casemenuInd=0).

itemInd is the number of the item in your menuItems, for example:

  var tmenuItems =
[
["Home", "http://deluxe-tree.com", "icon1_t.gif", "icon1_to.gif","", "Home Page Tip","_blank"],//itemInd=0

["<img src='data_files/images/sep.gif' width=113 height=1>"],//itemInd=1

["+What's New<br><span id='letter'>This is pretty cool. I need to buy this deluxe menu</span>", "", "icon2_t.gif", "icon2_to.gif", "", "Product Info Tip"],//itemInd=2
 ["|What's New", "testlink.htm", ""], //itemInd=3
 ["|Features", "testlink.htm", ""], //itemInd=4
 ["|Installation", "testlink.htm", ""], //itemInd=5
 ["|Functions", "testlink.htm", ""], //itemInd=6
 ["|Supported Browsers", "testlink.htm", ""], //itemInd=7
["Samples", "", "icon3_t.gif", "icon3_to.gif", "", "Samples Tip"], //itemInd=8
 ["|Sample 1", "testlink.htm", ""], //itemInd=9
 ["|Sample 2", "testlink.htm", ""], //itemInd=10
 ["|Sample 3", "", ""], //itemInd=11
   ["||New Sample 1", "testlink.htm", ""],//itemInd=12
   ["||New Sample 2", "testlink.htm", ""],//itemInd=13



Q: Very interested by your product.I want to know, before buy, if I can call javascript function when the user click on a items in the horizontal drop down menu?

A: You're able to use Javascript for each item, for example:

  var menuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];

Q: I have created a test page using deluxe menu and would like the menu to appear in the centre of a frame. I have tried usind <div> and <table> tags and while either gives correct results with Internet Explorer, neither gives correct results with Mozilla.


A: Try to set exact value for menuWidth, for example:

  var menuWidth="130px";