Tree Menu Html In Frame by Deluxe-Tree.com
Tree Menu Html In Frame


Buy Now!  Free Trial Download

Menu Screenshots Tree Menu Html In Frame

Tree Menu Html In Frame Tree View Tree Menu

Features Tree Menu Html In Frame

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed tree menu html in frame samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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".
Floating Menu Tree Tree Menu Html In Frame
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
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.

  • 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 In Frame

Q: How do you configure settings so that on default a specific "Tab" is always set to on or shown as the preselected Tab in the javascript tab menu,I have a eStore page where I would like to insure that a specific Tab isalways shown on default and all others are hidden on the first revealingof the page?
Can you help?

A: Use he following parameters to set the selected top and submenu items:

  var bselectedItem = 0;
  var bselectedSmItem = 0;

Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

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" 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>


Q: I have been working with on a site and I am kind stack using the program. I want to use the tree option but not all “buttons” need to have subcategories. For example:

Category 1

            Sub-menu 1-1
            Sub-menu 1-2
            Sub-menu 1-3

Category 2

            Sub-menu 2-1
            Sub-menu 2-2
            Sub-menu 2-3

Category 3

Category 4

When someone click on the “Category 1” or “Category 2”, I want them to see the sub-menus. However, when some click on “Category 3” or “Category 4”, I would like to have it open the appropriate page. How do I do this? This will make a lot easier because not all buttons need to have sub-menus… I hope that makes sense and you can help me on getting this done.


A: You cannot use links for the top items in XP Style only.

  var tXPStyle=1;

but you can write:
["<a href='http://deluxe-menu.com'>Item 45</a>","", "", "", "", "", "", "", "", ],


Q: I'm trying out your menus, and I seem to have a problem with changing the title of a menu item. If the text is something like "Create a New Event" the entire menu spreads out and the rollover image starts replicating itself behind it, instead fo stretching with the text. So I see 1 /2 rollover images for that top level item, instead of just the one, width it's width spread out to accomodate the extra text.

I've tried the Styles bit, but that doesn't seem to fix the rollover image any...

Any pointers ?


A: You can try to set the exact width for each menu item using IndividualItem Styles.

You should use Individual Item Styles.
For example:
  var itemStyles = [
["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style0
["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style1
["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style2
["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style3
];

["Home","testlink.htm"],
["Samples","testlink.htm"],
 ["|Group 1","", , , , , "0", , , ],
 ["|Group 2","", , , , , "1", , , ],
 ["|Group 3","", , , , , "2", , , ],

...
[" More Samples","testlink.htm"],
 ["|Group 1","", , , , , "3", , , ],
 ["|Group 2","", , , , , "1", , , ],

Where "0", "1", "2", "3" - style number in itemStyles.

You also should check the width of your rollover image. It should bethe same width as your items.

You can also use
tags in the item text, for example:

  var menuItems = [
["line 1
line 2"],
];

Or you can set this parameter:

  var noWrap=0;

Try that.


Q: Hi, I was wondering if there is a way to disable the dhtml pull down menu links on a page. (I am creating a site where, in a certain mode, the page is in preview and I don't want the links to work).

Is this possible?

I can run this function across my other <A> tags (which sets them all to the current page), but it doesn't reach into the deluxe menu.

for(i=0;i document.links[i].href = "<?php echo(getURL($_SERVER["REQUEST_URI"]));?>>";
document.links[i].target = "_self";
}

A: To disable your dhtml pull down menu items you should set the following parameter to disable all items:

  var itemTarget="_";

Or you can disable items individually.

["Home","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
["Product Info","", "", "", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],

You can also use function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
function to disable items on-the-fly, for example:

dm_ext_changeItem (0, 2, 3, ["", "", "", "", "", "_", "", "", ""]);