Tree Menu Html Code by Deluxe-Tree.com
Tree Menu Html Code


Buy Now!  Free Trial Download

Menu Screenshots Tree Menu Html Code

Tree Menu Html Code Tree Example Scroll Down Menu

Features Tree Menu Html Code

Easy Setup
  • De Luxe Tuner. GUI interface to create your tree menu html code 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 tree menu html code samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Dhtml Scrolling Menu Rollover Tree Tree Menu Html Code
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
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
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".
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Use special prefixes for image paths and links to make paths absolute.
  • You can assign your own images for lines.

Recent Questions Tree Menu Html Code

Q: I have setup some tabs on a site that I am designing and for some reason when I click on a drop down menu links tab and it links to another page it automatically highlights the first tab in the row. I have tried fiddling with it and have not been able to figure it out. Can someone point me in the right direction to have the correct tab selected after i click it and goto the page.

A: Deluxe Tabs doesn't support API functions which can return theselected drop down menu links tab.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" drop down menu links parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

Try that.



Q: Then it is a bit annoying now that the menu bars in java does not work for
- Firefoxs

- Safari

For either Windows nor Mac.
According to your browser support this should work.


A: Links in your menu bars in java don't work in Firefox.

Now you have:
["Butiken","http://www.wexthuset.com/default.asp?sp_pid=8&sp_text=8"],
 ["|Tillbehцr","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&
sp_sortfield=product_name&sp_sortorder=1&sp_pname=&sp_type=0&select_method=1"],
   ["||Belysning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&
sp_sortfield=product_name&sp_sortorder=1&sp_pname=&sp_type=5&select_method=1"],
   ["||Bevattning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&
sp_sortfield=product_name&sp_sortorder=1&sp_pname=&sp_type=11&select_method=1"],
....

try to write & instead of &.

["Butiken","http://www.wexthuset.com/default.asp?sp_pid=8&sp_text=8"],
 ["|Tillbehцr","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&sp_sortfield=product_name&
sp_sortorder=1&sp_pname=&sp_type=0&select_method=1"],
   ["||Belysning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&sp_sortfield=product_name&
sp_sortorder=1&sp_pname=&sp_type=5&select_method=1"],
   ["||Bevattning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&sp_sortfield=product_name&
sp_sortorder=1&sp_pname=&sp_type=11&select_method=1"],
....


Q: We haven't managed to find out how to activate a popup window through click in a flash? Is there possible to call a single jsfunction to activate it?

A: You can deluxePopupWindow.open() function to open your window:

<a href="javascript:;" onclick="deluxePopupWindow.open('window1', 'Content1 Content1','Window1','width=220,height=100,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite')">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="120" HEIGHT="40">
<PARAM NAME=movie VALUE="deluxe-menu.files/flash-deluxe-menu.swf">
<PARAM NAME=quality VALUE=best>
<param name="wmode" value="opaque">
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="deluxe-menu.files/flash-deluxe-menu.swf" quality=best bgcolor=#FFFFFF wmode="opaque" WIDTH="120" HEIGHT="40" NAME="data-samples/flash-deluxe-menu" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT></a>

Q: I am testing it on my website.
I have under the submenu 'Generalites" two links "Presentation" and "Formulaires"
I would like when I click on what ever link on the expandable javascript menu that the visited link stay in a different color and with a different background.
For exemple:
If I click on link Presentation then this link will become in a different color and also its background.
Then If I click on Formulaire the prevous link is reset and the Formulaire link appears in a differemt color and its backgroud. How should I do it ?


A: Javascript/DHTML Tree doesn't save a pressed
item 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)

Please, see here:
http://deluxe-tree.com/functions-info.html

You can also set
  var tsaveState = 1;

More info you can find
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.htm

To expand specific items you should use API function
function dtreet_ext_expandItem (itemID, expand)