Create Menu Tree Blogger by Deluxe-Tree.com
Create Menu Tree Blogger


Buy Now!  Free Trial Download

Menu Screenshots Create Menu Tree Blogger

Create Menu Tree Blogger Html Tree Expanding

Features Create Menu Tree Blogger

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".
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
Tree Example Menu Create Menu Tree Blogger
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
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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use a mouse to move a menu as a usual window.
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
  • There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

Recent Questions Create Menu Tree Blogger

Q: How can I have the option for the navbar tabs that initiated the action highlighted once the new page is reloaded?
I want to highlight the tab which is done with 'bselectedItem', please tell me about thesub-tab option.


A: See you cannot create subitems in:
  var tabMode=0;
it is not correct.

You should set
  var tabMode=1;

The following parameters set the pressed items for top items andsubitems:

  var bselectedItem=0; //top items
  var bselectedSmItem=2; //subitems

where 0,1,2... is the index of the item in bmenuItems.

- delete   var bselectedItem=1; and   var bselectedSmItem=2; parameters from your data file
- set correct parameters on each page before you call data file, forexample:

<noscript><a href="http://deluxe-tabs.com">Javascript Menu by Deluxe-Tabs.com</a></noscript>
<script type="text/javascript" src="menudir/dtabs.js"></script>
<script type="text/javascript">  var bselectedItem=3;
  var bselectedSmItem=5; </script>
...
<script type="text/javascript" src="menudir/data.js"></script>


Q: Is there a way to programmatically close a hover popup via javascript?

A: You can close the popup using the following function:document.getElementById('win').hide();

Unfortunately it won't work if you use iframe as window content.
You open another page in the popup (in Iframe) so you cannot access
document.getElementById('win').hide();
element which is situated on the first page.

When you use text or object_id as window content the content of the popup will be situated
on the same page so you can access document.getElementById('win') element and hide it.

There is a workaround for Iframe.
Use text as content type and add the following code inside popup:

<a onclick="document.getElementById('win').hide();">...</a> <iframe></iframe>

Q: How can I keep the items in dhtml css menu from opening into a new window when selected?

A: You can set target parameter for all items:
  var itemTarget="_self";

or for each item individually:
["Home","testlink.html", "", "", "", "_self", "", "", "", "", "", ],




Q: The items of the flash drop down menu hides behind the video. Do you have other suggestions?

A: You should add "opaque" parameter for <object> and <embed> tags, for example:

<object width="750" height="435">
<param value="http://www.youtube.com/v/_-OiQygm2uU&hl=en&fs=1&autoplay=1" name="movie"/>
<param value="true" name="allowFullScreen"/>
<param value="always" name="allowscriptaccess"/>
<param name="wmode" value="opaque">
<embed width="750" height="435" allowfullscreen="true" wmode="opaque" allowscriptaccess="always" type="application/x-shockwave-flash" src="http://www.youtube.com/v/_-OiQygm2uU&hl=en&fs=1&autoplay=1"/>
</object>