Features Javascript Tree Menu Using Css

Unrivalled Features

Scrollable, dragable, floating 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".

Cost Effective

Starts at just $39. Buy Now! FREE for non-commercial websites. Order Now! No-limits free trial version. Download Now!

Tree Dropdown With Submenu Javascript Tree Menu Using Css

Seamless Integration

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

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

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly". Commonly loads quicker than other html page elements Runs well with an unlimited number of submenus and items

  

Recent Questions Javascript Tree Menu Using Css

Q: Can you please give me an example of how I would return the full path to the selected item of the web site menu?

A: See the following example:

function getFullPath(mInd){
  var result='';

// get pressed item
  var params = dm_ext_getMenuParams(mInd);
if (!(params[2]>=0)) return '';

function getPathForItem(mInd,smInd,itInd){
// get for this item
  var params = dm_ext_getItemParams(mInd,smInd,itInd);
  var result = params[2]+ '('+ params[3]+')';

// find root item id
if (smInd <= 0) return result;
params = dm_ext_getSubmenuParams(mInd,smInd);

for (  var smInd_=0;smInd_ for (  var itInd_=0;itInd_ itParam = dm_ext_getItemParams(mInd,smInd_,itInd_);
if (itParam[0]=arams[2])// id
return result + '->' + getPathForItem(mInd,smInd_,itInd_);
}
}
return result;
};

return getPathForItem(mInd,params[1],params[2]);
}

Q: What is the difference between itemStyles and menuStyles for the down javascript menu?

A: See you should assign the menuStyles to the whole submenu (the first item in the submenu).
itemStyles you should assign for each item individually.

See more info here:
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

Q: I want to run a javascript function when a user clicks on item in the dhtml pop up menu,
How can I do this in the data file?

A: You can use your own Javascript code instead standard links. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];

Q: I have placed my horizontal menu in javascript (1003 px width) in a table whose width is 1003px my dropdowns span from extreme left to extreme right (screen shots attached) by default the dropdown is leaving 20 pixels margins on both the ends which disturbs my layout. This happens when my screen resolution is 1024 x 768, when viewed in higher or wide screen monitors this problem does not arise. Please suggest a solution.

Appreciate your response.

A: This is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.

Open engine file for horizontal menu in javascript - dmenu.js - file in any text editor and find the following code:

space=15;

Change 15 to 0.

space=0;