Recent Questions Asp Tree Highlight Selected Node Javascript
Q: When using website tab menu, where do I place the text content related to the selected tab,
(the text presented on the rest of the screen under the tab)?
And who do I connect a specfic text to a certain tab?
A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).
You should set var tabMode=0;
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID.
You canset background image for these DIV's in styles.
<div id="contentName" style="height: 0%; visibility: hidden; background-image:
url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>
Q: I am using your Ajax menu and am generally delighted with it. Its ability to load sub menus on the fly is just what I have been looking for.
However, I have noticed in IE7 that it can leave sub menus displayed when you have moused off that particular ajax drop down menu. Can this be fixed?
Also, can you get the menu to disappear when you mouse off the menu, rather than having to hover over another menu or click the page off the menu.
A: See, now you've set the following parameter:
var smHidePause=-1;
It means that your submenus won't be hidden till you click or scroll your page.
If you want to hide your submenus on mouse out you should set another value, for example:
var smHidePause=1000;
or
var smHidePause=500;
Q: I am struggling with my menu on my site the submenu is under the main text area. How do I make the submenu come to the front.
A: Check your z-index for <DIV id=navigation>.
Try to write it, for example, so:
<DIV id=navigationstyle="Z-INDEX: 10; LEFT: 0px; WIDTH: 170px; POSITION: absolute; TOP: 5px; HEIGHT: 600px">
Try that.
Q: Would it be possible to introduce more font decoration options to the mouseover variables for the horizontal navigation?I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.
A: Unfortunately, JavaScript Tree Menu doesn't have such a feature.
You can onlyset it's color. You cannot set the font of menu item bold when selected.
You should addthe following code in your data file:
function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}
var menuItems = [
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],
