Populate Treeview Menu Using Javascript by Deluxe-Tree.com
Populate Treeview Menu Using Javascript


Buy Now!  Free Trial Download

Menu Screenshots Populate Treeview Menu Using Javascript

Populate Treeview Menu Using Javascript Static En Tree

Features Populate Treeview Menu Using Javascript

Cost Effective
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 Creating Drop Down Menus Populate Treeview Menu Using Javascript
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your populate treeview menu using javascript menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed populate treeview menu using javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • You can set default expanded/collapsed items and submenus.
  • After clicking on menu item selected item becomes highlighted.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!

Recent Questions Populate Treeview Menu Using Javascript

Q: But given the sample on
http://deluxe-menu.com/highlighted-items-sample.html#ind
we want to delete menuentry 'Sample1' and do
dm_ext_deleteItem(2, 4, 0)

This raises an error but according to your javascript menu master manual the first argument should be the menuindex ....which is 2 in our opinion.

A: See, if you have several menus on your page they will have differentID's, for example:

<script type="text/javascript" src="menu/data1.js"></script> //ID=0

<script type="text/javascript" src="menu/data2.js"></script> //ID=1

<script type="text/javascript" src="menu/data3.js"></script> //ID=2

<script type="text/javascript" src="menu/data4.js"></script> //ID=3

So, if you have only one menu on your test page you should use ID=0


Q: Hi - I'm using Deluxe Tuner/Menu version 2.0 and wanted to know if it's possible to set the status bar messages to something other than the link text from the menu items that it currently picks up?


A: You should set parameter:
statusString="tip";

Text in a browser's status bar when you put a pointer over an item. Values:
"link" - show item link;
"text" - show item text;
"tip" - show item tip.
With another value shows specified value.

Info about this parameter you can find here
http://deluxe-menu.com/parameters-info.html


Q: But what mean the message "Incorrect Copyright" that you see on the javascript menu ie TABS on our website? Because we did the solution that you described in the original message that I copy you below. In some computers appears this messages in other not.

The key that is in the .js file.

A: Installation of your menu is not correct:

<script type="text/javascript">  var dmWorkPath="deluxe-tabs.files/";</script>
<script type="text/javascript" src="deluxe-tabs.files/dtabs.js"></script>
<!--script type="text/javascript" src="../Library/Library_JS/dtabs.js"></script-->
<script type="text/javascript" src="../Library/Library_JS/data-deluxe-tabs.js"></script>

You should write:
<noscript><p><a href="http://deluxe-tabs.com">javascript menu ie by Deluxe-Menu.com</a></p></noscript>
<script type="text/javascript" src="deluxe-tabs.files/dtabs.js"></script>
<script type="text/javascript" src="../Library/Library_JS/data-deluxe-tabs.js"></script>

Try that.



Q: What I try to make is a menu dhtml with items having a border of only 1 px, also between the menu items. However it seems that Deluxe menu draws a 1 px line around every menu item giving an effective border line of 2 px between the area where the items touch each other. I want to have 1 px border also on the areas where the items touch each other.
Any suggestion how to fix this?


A: If you want to have the 1px border between the items only you canuse separators.

Please, see the following parameters:

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

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

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

];