Recent Questions Css Colapsable Tree
Q: When I load a page the first tab of the creating tab menu is always highlighted, not the contact tab.
A: I suppose that you've set the following parameter:
var bselectedItem=1;
So, the first tab is always highlighted.
This Tab menu can save pressed item automatically within1 page only.
If you open another page, the menu can't remember presseditem.
You should do that manually using Javascript and menu parameters
( var bselectedItem, var bselectedSmItem) or using any server-sidescript (php, asp, etc.)
You should delete this parameter from your data file and write thefollowing code
on each page before you call your data file, for example:
<script language="JavaScript1.2">
var bselectedItem = 3;
</script>
Q: First, i like the time I save with this program, but it isn't going to help me that much if I can't put the menu where I want it on my page.
No matter how I set the "positioning", it shows up in exactly the same place over and over. I've put it in table cells, I've given it absolute positioning... none of it matters.
A: If you want to center the menu paste itwithin the <div> or <table> with a static position and specify a center alignment for it, for example:
<DIV align=center>
<<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>
<table width=800>
<tr>
<td align=center width=600><script type="text/javascript" src="data/data.js"></script></td>
</tr>
</table>
Please, set exact value for var menuWidth parameter, for example:
var menuWidth = "600px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
var absolutePos = 0;
Try that.
Q: Do you have a menu that allows the sub-items to 'slide' out from the menu?
For example, you mouse-over the first button, and the sub menu slides from 'underneath' the button from left to right?
A: You should to use transitional effects.
Try to set
var transition=6;
var transOptions="";
var transDuration=350;
var transDuration2=200;
But notice that transitional effects are features of Internet Explorer5.5+ only.
See more info here:
http://deluxe-menu.com/filters-and-effects-sample.html
Try that.
Q: Is there a way to have the menu stay expanded in the same exact state when
I click on a menu item of the javascript tree view and go to a new page?
A: There is no need to write additional code on a server side to remember what items were expanded/collapsed.
DHTML Tree Menu can save items state automatically.
Please, see the example of the menu that works with cookies:
http://dhtml-menu.com/tree-examples/tree-menuxp-save-state.html
Set the following parameter:
var tsaveState = 1;
and the menu remembers its structure for each user who visit your page.
Try to expand/collapse items. Then reload the page and you'll see results.