Recent Questions
Q: I am testing it on my website.
I have under the submenu 'Generalites" two links "Presentation" and "Formulaires"
I would like when I click on what ever link on the expandable javascript menu that the visited link stay in a different color and with a different background.
For exemple:
If I click on link Presentation then this link will become in a different color and also its background.
Then If I click on Formulaire the prevous link is reset and the Formulaire link appears in a differemt color and its backgroud. How should I do it ?
A: Deluxe Tree doesn't save a pressed
item as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:
function dtreet_ext_setPressedItem (menuInd, itemID)
Please, see here:
http://deluxe-tree.com/functions-info.html
You can also set
var tsaveState = 1;
More info you can find
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.htm
To expand specific items you should use API function
function dtreet_ext_expandItem (itemID, expand)
Q: I already found out the use of the pressedItem setting. However Iwas looking to be able to have a submenu in the html dropdown menu already expanded on pageload. Can you tell me if this is possible yet in any way ?
A: You can find the example here
http://deluxe-menu.com/highlighted-items-sample.html
Click on the following link:
Highlight "Product Info/Installation/Description of Files" item.
Use the following function to highlight items
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion, parentOpen)
where parentOpen = true/false - open all submenus to show the selected item
http://deluxe-menu.com/functions-info.html
Q: 1) Can any HTML be inserted in to the text?
2) As the item has no link, how can I prevent the item being highlighted on mouseover?
A: 1) Yes, you can insert any html code within menuItems, for example:
["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
["|Index <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'> <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
["|Write Us", "mailto:[email protected]", ""],
2) Yes, you can do it.
You should create Individual Style for it.
For example:
var itemStyles = [
["itemBackColor=#FCEEB0,#FCEEB0","itemBorderColor=,#FCEEB0","fontColor=,#000000"], //style0
];
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //style0
Q: At the first time arrow images are loaded successfully in the menu, That time I click the menu and open a new page in crossframe.
After that I try to open new page from Main Menu, the arrow images are not displayed in the Sub-menus.
A: Thanks for your interest in our products.
You can use additional parameters to make menu paths absolute:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
These parameters allow to make images and links paths absolute.
For example:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];
So, link path will be look so:
http://domain.com/pages/index.html
Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif
Please, try to use these parameters.