Example Tree Menu Spip by Deluxe-Menu.com
Example Tree Menu Spip

Menu Screenshots

Example Tree Menu Spip Creating A Right Click Menu In Javascript

Features

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
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
Css Vertical Menu Example Tree Menu Spip
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed example tree menu spip 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!
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.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Recent Questions

Q: I'm trying the deluxe menu and I'm positively impressed.

But now I'm trying to simply use javascript to add some properties to my menu.

I modified the dynamic to 1

and I get only one error in the javascript monitor telling me:

Error: dm has no properties
Source File:
http://devel.discgolf-geneve.ch:8081/docroot/dg/js/menu/data.files/dmenu_dyn.js
Line: 8



A: Please, see how you should write this function:

function dm_ext_addItem (menuInd, submenuInd, iParams)

<script type="text/javascript" language="JavaScript1.2">
dm_ext_addItem(0, 0, ["Hello", "testlink.htm", "", "", "Hello", "_blank", "-1"]);

menuInd - index of a menu on a page, >= 0. (you have written menuInd=1, but if you have one menu on your page you should write 0).
You also have written itemStyleInd=1, but you have only one style in your menu. So you should write "0" or "-1".


Q: I am evaluating De Luxe menu. We perhaps like to become OEM distributor.

But I have a question.
In a website i would like to align 3 menu items to the left of the page and the other items to the right.
The 3 items to the left have a different style. But all have a fixed width.

I tried to define a spacer between the items but this didn't work out.

<script type="text/javascript"
src="/webos_net/dmenu/data.js"></script><script
type="text/javascript">
  var menuItems = [
["Website","/webos_net/default2.aspx?site=website",,,"","_top","0"],
["MyNorma","/webos_net/default2.aspx?site=mynorma",,,"","_top","0"],
["BackOffice","/webos_net/default2.aspx?site=portal",,,"","_top","1"],
["          ","/webos_net/default2.aspx",,,"spacer","","2"],
["Zoek","",,,"",'main','3'],
["Stamgegevens","",,,"",'main','3'],
["Repartitie","",,,"",'main','3'],
["Beheer","",,,"",'main','3'],
]
dm_init();

I also defined itemstyles:

  var itemStyles = [
//hoofdmenu
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444"],
//hoofdmenu selected
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444","itemBorderWidth=2","itemBorderColor=#ff0000,#ff0000"],
//spacer
["itemWidth=100%"],
//default menu
["itemWidth=100pt"],
];

Can you provide a java menu samples which shows left and right alignment of menu items is possible?

A: Unfortunately it is not correctly to write
["itemWidth=100%"],
in Individual Styles. It won't work. You can set the exact width forthis space, for example:

  var itemStyles = [
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg,/images/topmenu1bg.jpg", "fontColor=#444444,#444444","showByClick=0"],
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444", "itemBorderWidth=2","itemBorderColor=#ff0000,#ff0000"],
["itemWidth=220px","itemBackColor=transparent,transparent","itemBorderWidth=0", "itemBorderStyle=none,","showByClick=0"],
["itemWidth=100pt"],
];
  var menuStyles = [
];

  var menuItems = [

["Website","/webos_net/default2.aspx?site=website", "", "", "", "_top", "0", "", "", "", "", ],
["MyNorma","/webos_net/default2.aspx?site=mynorma", "", "", "", "_top", "0", "", "", "", "", ],
["BackOffice","/webos_net/default2.aspx?site=portal", "", "", "", "_top", "1", "", "", "", "", ],
["          ","", "", "", "spacer", "", "2", "", "", "", "", ],
["Zoek","", "", "", "", "main", "3", "", "", "", "", ],
["Stamgegevens","", "", "", "", "main", "3", "", "", "", "", ],
["Repartitie","", "", "", "", "main", "3", "", "", "", "", ],
["Beheer","", "", "", "", "main", "3", "", "", "", "", ],
];



Q: I am sure this is a pretty minor thing…When one of my dhtml menu dropdown items is a link to a url, is there a setting to change the cursor to a hand versus the normal arrow? Basically, I want the links of the dhtml menu dropdown items to look like most other links on any webpage.

A: Try to set the following parameter:

  var itemCursor="pointer";



Q: I use Namo WebEditor 2006 to edit our site.
I used your program to create a drop down menu but when I try to paste the script into my editor I don't get the menu. I have read your instructions and followed them step by step several times but I have had no success. Can you please assist me.


A: Deluxe Menu wasn't developed as Namo WebEditor 2006/Dreamweaver/Frontpage extension,
BUT you can use it as standard Javascript files. To install the menuinto your html page:

1. open the page in Namo WebEditor 2006/Dreamweaver/Frontpage
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:

http://deluxe-menu.com/installation-info.html

That's all.To create and configure your menus use Deluxe Tuner application(included into the trial package):http://deluxe-menu.com/deluxe-tuner-info.html