Mootools Tree Menu by Deluxe-Tree.com
Mootools Tree Menu


Buy Now!  Free Trial Download

Menu Screenshots Mootools Tree Menu

Mootools Tree Menu Tree Create Menu Tutorial

Features Mootools Tree Menu

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".
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
Tree Popup With Shadow Mootools Tree Menu
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
Cost Effective
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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • You can create 3-state icons for each item: normal state, mouseover state, expanded state.
  • Use images for icons, backgrounds of submenus and items.
  • You can use with any amount of menu and submenus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions Mootools Tree Menu

Q: Will html navigation bar work with site created using FrontPage?

A: Yes, Deluxe CSS Menu will work fine with site created in Frontpage.

Add all code generated by Deluxe Tuner.
You should copy all css styles for the menu and add it into your own .css file (orcreate a new .css file for the menu and call it on your page).

Then copy all HTML code for the menu and paste it in the place where you want to have amenu.

To view css styles and html code click "View HTML" button on the Preview window in theDeluxe Tuner.



Q: My slide drop down menu appears at the top of the page rather than in the cell in which I placed it

A: You're using absolute position for the menu now:

  var absolutePos=1;

You should use the relative position:

  var absolutePos=0;



Q: I want frameless popup window to appear when an image is clicked,
but at the moment it appears automatically on page load..

A: You can specify the ID of the element you want to click on.
Actions sections in Deluxe Tuner, onClick parameter.

1) You can show the popup window when you hover, click or mouseout on some elements on yourpage.
For example you have:

<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></p>

So, in Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.

Actually you can assign id to any object on your page:
add id="open_popup" for <a>, <div>, <img> ... tags.

2) You can also use deluxePopupWindow.open() function to open the popups.

More info about deluxePopupWindow.open() function you can find:
http://deluxepopupwindow.com/window-installation-info.html

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file if you don't want to close 1-st popup window
or use thesame winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin
contentType - set this parameter to iframe.

Q: I would like to add the javascript API to a link contained in my website that will have the corresponding item in the deluxe-tree menu act as if it was "clicked".

Presumably I need to add the script (for example) <A HREF="http://deluxe-menu.com/features-info.html" TARGET="_self" "..javascriptHere ..">. Can you give me an example please of what code goes into there.

I presume I use dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion) but where do I get the ????Ind data from and make the javascript call in the above link.

A copy of a working example together with where to get the data , perhaps on your own web pages, would help.

A: Javascript/DHTML Tree doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function dtreet_ext_setPressedItem (menuInd, itemID)

<script type="text/javascript">

  var i = <?php echo $selitem; ?>;
onload=setPressed;
function setPressed()
{
dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));
}

</script>
You should define selitem using server side script.