Recent Questions Tree Menu Html In Frame
Q: I have a question that I cannot find in your FAQ section about your Javascript/DHTML Tree Menu.
Bought the whole set a few days ago and is very happy about it, I am uzzled & frustrated about one thing now though.
- = Link
+ = Link with subCat.
I have a menu that looks something like this:
- Home
+ Our products
+ FAQ
+ Stores
- Contact
+ Wholeseller
+ About us
Now every link here has a icon/s to the right that shows if the category is folded up or not. Trouble is that so has the - Home and - Contact that DON'T have any subitems! How to create dhtml menu so those two tree items won't get the rightsided icons?
The frustrating/confusing thing is if I place - Home or - Contact into lets say + Our products, the right side icon goes away and there it looks as I want it. But I NEED it to look this way in the top section.
A: You have icons in the top items on the right side in XP-style only.
You can set the following parameter to turn off XP-style:
var tXPStyle=0;
Q: Also, when I edit "testlink.htm" to any other htm filename, no file isloaded!?
A: Please, make sure that the file that you set for the link exists onyour website and it's placed in the same folder where testlink.htm file is placed.
You can also use absolute paths for links.
Q: I'm still having the issue with the sub-menus not being in the proper place, however I was able to fix the issue with menu now showing up in IE at all, it turns out I forgot a tag. So do you know why the sub-menu alignment changes depending on the browser window size? Either of the links below should give an example.
A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.
Please, try to add your
css file -> inline css, for example:
You should add style="position:absolute;"
to the
<DIV id=navholder>
So, you'll have:
<DIV id=navholder style="position:absolute;">
Q: How does one go about changing the parameter or the JavaScript so that a vertical menu selection stays 'on'? In other words, the vertical menu remains selected, perhaps in a background color that shows the user this menu choice is selected and the user is in the selected menu area.
A: To save your navigation path you should set the following parameter:
var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).
You can highlight menu items by default in two ways:
1) Set the pressed item on each page idividually using the following parameter:
var pressedItem = -2;
The toggle mode. Sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-level menu.
- delete var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript"> var pressedItem=2;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>
2) Set the pressed item/subitem using dm_ext_setPressedItem () function.
Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.html
