Pluxml Menu Deroulant by Deluxe-Menu.com
Pluxml Menu Deroulant

Menu Screenshots

Pluxml Menu Deroulant Menu Using Css

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
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!
Pop Up Menu Generator Pluxml Menu Deroulant
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.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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: I would like to know how to define separator on itemstyle or how to show separator on menu items.

Thanking you in advance.


A: You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";


Q: I intend to purchase a copy of Deluxe menu where I will be using tree menu for a project. I have created the tree describing the menu and copied the data.Files folder, data.js file to the area where the HTML page is and pasted the relevant text into html file.

When opening the page, the tree menu in javascript is not displayed. Can you please help me resolve this problem. I have attached the data.files folder (in zipped form), the data.js file and the html page I am using

A: Now you have the following code on your html page:

<HTML>
<HEAD>
<script type="text/javascript" src="data.files/dtree.js"></script>
</HEAD>

<BODY>
</BODY>
</HTML>

It is not correct you should install the menu in the following way:

<HTML>
<HEAD>
<script type="text/javascript">  var tWorkPath="data.files/";</script>
<script type="text/javascript" src="data.files/dtree.js"></script>

</HEAD>

<BODY>
<script type="text/javascript" src="data.files/data.js"></script>
</BODY>
</HTML>

You can use "Export to HTML" function in Deluxe Tuner.



Q: I want to use
function dtreet_ext_userRightClick(itemID) {

alert(itemID[0]); ???

return false;
}

But how do I refer to tmenuItems array using itemID in the javascript?
For example, if I want to pop a link text, should I use alert(itemID[0]))?
It doesn't work.
Please let me know how I refer to the menu.

A: You should use the following function to get item's info:

dtreet_ext_getItemParams (0, itemID);

For example:

<script type="text/javascript">

function dtreet_ext_userRightClick(itemID)
{   var link = [];
link = dtreet_ext_getItemParams (0, itemID);
//Returns item parameters in the array:
// [item_id, index_within_submenu, parentID, level, has_child, child_count, expanded, text, link, target, tip, align, icons, hidden, disabled, visible]

alert(link[7]);


return false;
}
</script>




Q: For example if you use the Growing Goodness menu located under Media Categories the first category is Agriculture w/ a sub category "Community Supported (CSA)" it is the sub category that is an active link. Is it possible to have only the active link "Community Supported (CSA) underlined and not Agriculture? And the same for all the other active links in this menu, all that have hyperlinks assigned to them.

A: You can write your links in the following way:

["Channels","", , , , , , , , ],
 ["|<a class='menu' href='http://growinggoodness.com/callingfromthecoast.htm'>Eco-Friendly</a>","", , , , "_self", , , , ],
 ["|<a class='menu' href='http://growinggoodness.com'>Farmers Market</a>","", , , , "_", , , , ],
["Media Categories","", , , , , , , , ],
 ["|Agriculture","", , , , , , , , ],
   ["||<a class='menu' href='http://growinggoodness.com/csa.htm'>Community Supported (CSA)</a>","", , , , "_self", , , , ],
   ["||Movie Trailers","", , , , , , , , ],
   ["|||<a class='menu' href='http://growinggoodness.com/farmboymovie.htm'>Farmboy</a>","", , , , "_self", , , , ],
   ["|||<a class='menu' href='http://growinggoodness.com/strongrootsfragilefarms.htm'>Strong Roots, Fragile Farms</a>","", , , , "_self", , ,, ],
   ["|||<a class='menu' href='http://growinggoodness.com/therealdirtonfarmerjohn.htm'>The Real Dirt On Farmer John</a>","", , , , "_self", , ,, ],

And create a style:
A.menu {
color: #FFF;
text-decoration: none;}
A.menu:hover {
color: #FFF;
text-decoration: underline;}