Recent Questions Example Of Horizontal Tree Dhtml Javascript
Q: I would like with pleasure, that if one clicks on "Seite1", one in the menu dynamique dhtml sees that one is on page 1 therefore color different or icon different.
A: You should set pressed menu dynamique dhtml item. On each page:
<script type="text/javascript">
onload=setPressed;
function setPressed()
{
dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex (0, 3));
}
</script>
where 3 - is the index of Seite1 item.
Q: How do I create more space between the menu items?
I have tried adding to the Item Appearance, itemSpacing and itemPadding.
A: You can paste the separator.
Please, see the following parameters:
//------- Separators -------
var separatorWidth = "10";
var separatorHeight = "20";
var separatorAlignment = "center";
var separatorImage = "C";
var separatorVWidth = "150";
var separatorVHeight = "10%";
var separatorVImage = "image.jpg";
You can create separators using menuItems, for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
You can also use this parameter:
var itemPadding = "4px";
You can also set multiple values, for example:
var itemPadding = "2px 15px 5px 5px";
(top, right, bottom, left)
Q: Now I wonder what I have to do in my script to make dhtml sub menu be displayed horizontal instead of vertical. I want them to display vertical be left - aligned and be shown by a white Background. How can I achieve this?
A: You should set the following parameters:
var smColumns=0;
var smOrientation=1; //horizontal orientation of submenus
set white backcolor for submenus
["itemWidth=60px","itemBackColor=#FFFFFF,#FFFFFF","itemBorderWidth=0","itemBorderStyle=none,",
"itemBorderColor=#FFFFFF,", "fontColor=#404040,#404040","fontDecoration=none,underline"],
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"],
];