Recent Questions Dhtml Ajax Tree Menu
Q: I\'m testing out your menu system and I have a question regarding one of our current menu item\'s functionality.
Currently, I have a menu item that performs an onclick window.open function so that it opens a popup window at a certain size and with certain parameters.
Is it possible to have similar functionality with an item on your menu system?
A: You should use a Javascript code with a link field so:
["Text", "javascript:window.open('../Help/Text_Index.htm', 'Help', 'height=450,width=600,scrollbars');"]
Q: Does your product support image swapping? For instance, if I was building a menu such as the one on your site, how would I swap the "Home", "Product Info", etc images/gif's?
I'm using a JavaScript such as the one below:
<a href="index.html"><img src="images/btn_home_up.gif" name="Image1" width="91" height="33" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/btn_home_roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
A: You can use images for items using standard <img> tag.
But in this case you should change pictures yourselves usingJavascript to make rollover items.
For example:
var menuItems = [
["<img src='image1.gif' width=100 height=20 onmouseover='this.src=\"image2.gif\" onmouseout='this.src=\"image1.gif\"'>Text", link,]
];
or
var menuItems = [
["<img src='image.gif' onmouseover='changeImage(this, 1)' onmouseout='changeImage(this, 0)'>"]
];
Q: Is there a way to hide a menu options using either CSS or the java api based on the site user for the mouseover menu?
A: JavaScript Tree Menu supports Javascript API.
You can find more info here:
http://deluxe-menu.com/dynamic-functions-sample.html
You can try to use API functions in that case:
function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)
To disable items you should set the target parameter to "_".
You can try to use the following function
function disable() {
dm_ext_changeItem(0, 1, 1, ["", "", "", "", "", "_"]);
}
to disable your items.
Q: I changed the parameter from
var dmObjectsCheck=0;
to
var dmObjectsCheck=1;
in the data.js file
but it didn't change it;
_____________________
I opened the dmenu_add.js file, but I'm not sure what I'm supposed to do with it?
_____________________
I went to your sample page and I would like to add the item widths into mydata.js file, but each item is a different width. Would it be correct for meto do this?...
var itemStyles = [
["itemWidth=98px"],
];
Or will I have to make all the main menu items/graphics the same width?
A: You don't have to change your dmenu_add.js file.
Please, place this file in the folder where your menu iscreated in.
Yes, you can set itemWidth for each main item.
Please, use Deluxe Tuner to create your individual styles.
You should write, for example, so:
var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];
var menuItems = [
["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],
["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],
["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],
["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],
["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],];
