Wordpress Expandable Custom Menu by Deluxe-Menu.com
Wordpress Expandable Custom Menu

Menu Screenshots

Wordpress Expandable Custom Menu Javascript Drag And Drop Tree Items

Features

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed wordpress expandable custom menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Frame Navigation Dhtml Wordpress Expandable Custom Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your wordpress expandable custom menu 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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: Ever since I installed the menu on our website the homepage loadsslowly.
The menu loads, but then the rest of the page takes about 20 seconds toload. Have you seen this problem before.
It does not happen every time and noton every machine.


A: We've tested your website on the many machines and it loads very quickly, I cannot notice any delays.

Please, try to move the reference to dmenu.js after tag:

<body onload="...">
...

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "";</script>
<script type="text/javascript" src="dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->
</span>

Q: Could you please help me with coding of the submenu box in your java script dropdown menu?
I hope you can see images I've included in this email.
I want to put a large block of text in the submenu.
Now I can do it like the code shown here and it wraps and works OK.
["Text display","", "", "", "", "", "0", "0", "", ],
 ["|Text Line 1 Text Line 1Text Line 1Text Line 1<br>text Line 2text Line 2text Line 2text Line 2<br>Text line 3Text line 3Text line 3Text line 3<br>text line 4text line 4text line 4text line 4text line 4", "", "", "", "", "", "", "0"],
];

The problem is that if I want a large amount of text, the line of code with text in it will be 10 miles long. Please note the line of code above isn't broken in practice. The email wraps it.

Is there any way to break the code into lines instead of one very long line?
For example:

["Text display","", "", "", "", "", "0", "0", "", ],
 ["|Text Line 1 Text Line 1Text Line 1Text Line 1<br>
Line 2text Line 2text Line 2text Line 2<br>
Text line 3Text line 3Text line 3Text line 3<br>
text line 4text line 4text line 4text line 4text line 4", "", "", "", "", "", "", "0"],
];

No matter what way I try It won't work
Is there a way?

A: The only way to do that is

 ["|Text Line 1 Text Line 1Text Line 1Text Line 1<br>"+
"Line 2text Line 2text Line 2text Line 2<br>"+
"Text line 3Text line 3Text line 3Text line 3<br>"+
"text line 4text line 4text line 4text line 4text line 4", "", "", "", "", "", "", "0"],
];



Q: I’m currently testing your product and using the tabs.  My question is that not all my javascript html tabs point to the same target, I tried doing your suggestion on your FAQ but when I do that the tabs do not even display, here is my code

   ["|Manage Users","user.asp",,,,,"fmeMain"] also tried different points in the parameters  

I know the break down is as follows  

[Display,Url,Icon1, icon2, title,supposedToBeTarget]


A: See, you can use links if you have
  var tabMode=1;
only.

If you have
  var tabMode=0;

You should use the ID of the DIV.

Unfortunately, you cannot set target parameter for each item.
bmenuItems has the following structure:

  var bmenuItems = [
["text", "divID or link or javascript function", "icon1", "icon2", "icon3", "tip", "styleN"],
];

But you can try to open your pages using different targets in thefollowing way

["tab text", "javascript: window.open('test.html', 'frameName')", ...],
["tab text", "javascript: window.open('test.html', '_self')", ...],
["tab text", "javascript: window.open('test.html', '_blank')", ...],

Where frameName - the name of the frame where to open the page test.html.

Using this method you can create Deluxe Tabs in  var tabMode=0; and   var tabMode=1;


Q: I've noticed something strange in the Deluxe Tree and I am wondering if this is normal.

Here's an example I have in my "data.js" file to populate the javascript ajax tree:

  var tmenuItems = [

["Mes alertes/My alerts","", "", "", "", "", "", "0", "", "", ],
 ["|Francais","", "", "", "", "", "", "", "", "js/AjaxTreeFr.js", ],
 ["|English","", "", "", "", "", "", "", "", "js/AjaxTreeEn.js", ],
];

Here's basically how it goes:

- Basically the "0" represents a pre-built style that I have set for the root of my tree.

- Under this are the first child of the root called "Francais" and "English" which I link with a JS file to populate (Because the users will customize the alerts they want to see).

This works perfectly fine. But it is a workaround. Let me explain what I wanted in the first place:

  var tmenuItems = [
["Mes alertes ","", "", "", "", "", "", "0", "", " js/AjaxTreeFr.js ", ],
["My alerts","", "", "", "", "", "", "", "", "js/AjaxTreeEn.js", ],
];

Basically I wanted to have 1 javascript ajax tree with 2 root items "Mes alertes" and "My alerts" but it seems impossible to attach a js file to the root of the tree view. (It doesn't get populated).

Any ideas?

A: See AJAX feature won't work for first-level in XP style now.

It works if you use:
  var tXPStyle=0;