Recent Questions Javascript Tree Menu Resize
Q: Can you tell me what fields control the lines around the top level of menu items?
What fields control the lines around each sub-menu item?
I would like to test and see if the program will allow me to create a top menu that displays as follows:
Home | Proposal Reponses | Marketing Info |
As you can see I would like no borders around the top level and a tilda (vertical line) separator between each top level menu item.
For the sub-menu items I would like there to be a thin line box around the sub-menu but no lines in between each item within the sub-menu. What fields control these paramenters?
A: Home | Proposal Reponses | Marketing Info |
Yes, you can create such menu.
Please, use Individual styles.
Set these parameters:
var menuBorderWidth=1;
var menuStyles = [
["menuBorderWidth=0"], //style 0
];
["Home","testlink.html", , , , , , "0", , ], //style 0
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
To add lines between main items you can paste the separators.
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"],
];
Q: Are there the possibility to have the dhtml menu code into an external file so that nothing of the dhtml menu code will appear on my html code?
A: Menu has data.js (by default) data file with menu parameters, itemsand styles and 9 engine files.
You should only call two .js files on your html page.
See more info here:
http://deluxe-menu.com/description-of-files-info.html
http://deluxe-menu.com/installation-info.html
Q: How change the color of the link in the dhtml vertical menu if the link is already visited.
A: JavaScript Tree Menu has only two states normal and mouseover,
butyou can highlight menu items in two ways:
Try to do the following things:
- delete var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:
<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=3;</script>
...<script type="text/javascript" src="menudir/data.js"></script>
You can also set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html
Q: I need a way to change tabs with buttons AFTER THE PAGE IS RENDERED. This means bselecteditem is useless to me at this point.
I want to have a button called NEXT on TAB 1, and when you press that button, it switches you to TAB 2. Likewise on TAB 2 I want to have a button called NEXT that when pressed will switch you to TAB 3.
I don't want to have to post back to the server to make this work, I want a way of Javascript to change the tab indexes.
How can I do this?
A: Try to use the following function:
LTb0(menuN,itemN);
menuN - menu ID, starts with 0
itemN - item ID, starts with 0