Recent Questions Javascript Tree Sample
Q: I can't figure out how to get menu items to swap images to use like a traditional image rollover. In the Dhtml menu, I can change the style background without needing images, or I can use generic images as a background, but I have situations where I need to use unique images for each state of a button.
These unique image buttons contain text and graphics, and there are different images for different states: normal, mouse over, mouse down.
A: The menu has only two states normal and mouseover.
You should use Individual Item Styles.
Please, see the example of JavaScript Tree Menu here:
http://deluxe-menu.com/data-templates/vista-style-02-template-sample.html
You should use "itemBackImage" parameter.
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_greenblack.gif,btn_green.gif"],
];
Q: Just one more question.
I'm making a drop menu sample but I want the dropdown sub menus to drop up!
ie: the nav bar will actually be at the bottom of the page so when you hover over, I need the sub items to rise up.
Can you force this? I can't seem to find anywhere to do it.
A: You should set the following parameter:
var subMenuVAlign="bottom";
Q: I've looked through the FAQ's till my eyes burned... I know how to collapse/expand all on page load, but can't find an answer to this specific question
I am using tsaveState=1 and tcloseExpanded=1 and that works great when navigating the javascript vertical tree menu. But I'd like to be able to tell the javascript vertical tree menu to collapse all the way on the initial page load, without resetting those first two variables.
for instance;
a user logs on, goes to the order page, uses the menu to navigate and place an order. After the order is processed through a php verification page, the user is directed back to the order page via the php header() function, with the menu still intact, and the values of the order updated.
But once the user navigates away from the order page, and then returns to complete another order, I'd like the menu items to all be collapsed.
If that's not an inherent design of your menu program, is there a variable that I can pass with the initial load that will cause a full collapse?
A: No, unfortunately there is no such parameter in Javascript/DHTML Tree.
But you can try to delete
var tsaveState=1;
parameter from your data file and add it on your html page directly.
So, on your initial page you can set:
var tsaveState=0;
and on other pages you should set:
var tsaveState=1;
Q: The menu maps to the width size of the longest menu item on the list, can you tell me how I can restrict this, and have a fixed menu size.
A: Unfortunately it is really so.
You can try to wrap your text.
You should set the following parameter:
var noWrap = 0;
or use <br> tags within menuItems.
