Recent Questions Javascript Dynamic Tree Ajax
Q: Please check my site and tell me why website drop down menu show no content with IE7 (XP or Vista.)
It works with all other major browsers and OS's.
A: Delete "height: 0%;" parameter from the style of the content DIV:
<div id="content1" style="height: 0%; visibility: hidden; display: none;" class="tabPage">
So you'll have:
<div id="content1" style=" visibility: hidden; display: none;" class="tabPage">
Q: It's simply not saving the state. Clicking the items on the menu is inconsistent. Sometimes it saves sometimes not.
It seems to be a lot worse in this area.
A: See, Tree Menu saves it's state using cookies.
But it can't re-save the same cookie file from different folders.
For example, if the tree from "website/page.html" saves it's state,the menu from "website/content2/page.html" can't read this state andit creates it's own state. The problem is that it's a standardfeature of browsers and Javascript can't control that.
Q: Images don't appear in my menu.
A: Now you have two lines:
<SCRIPT type=text/javascript> var dmWorkPath = "../misyssbm.files/";</SCRIPT>
and
<SCRIPT type=text/javascript> var dmWorkPath = "../side_menu.files/";</SCRIPT>
But you should have only one line.
Please, check it.
Q: I purchased your menu and I am currently using it. I was trying to use the vista template with the images. Yet when I have an js dropdown menu item that is a little long in text the image breaks in to two buttons. Is there a way to fix this or is that just the way it is with these templates?
A: Images in Vista Templates have the fixed width and height (92 x21):
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0", "fontStyle=normal 11pxTahoma","fontColor=#3A3A3A,#000000", "itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];
When items text is too long you can have such effect.
You can try to use combined background for your items, for example:
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif