Recent Questions
Q: Extremely new at this and likely way over my head…..but why when I attempt to use my own button image in the “itemBack Image” selection under “Edit Individual Styles” does it keep showing up blank in the preview screen?
A: Please, check all your paths.
You can also 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.
Q: I am having a problem trying to figure out how to generate a link to javascript popup window.
A: You can show the popup window when you hover, click or mouseout on some elements on yourpage.
For example you've added an image in your html page.
You should specify the ID for it, for example:
<p><img id="open_popup" border="0" src="images/submenu-bg.gif" width="170" height="29"></p>
In the Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.
Actually you can assign id to any object on your page manually. You should specify ID's - id="xxxx" for <a>, <div>, <img> ... tags.
Or you want to open a popup onMouseover, onClick or onMouseout on a link.
So, you should create a link (you can also use other object) on your page and set id="" for it, for example:
<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>
In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link
If you want to show the popup when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",
Q: Can we set the link of a java menu item to a javascript method?
A: You can use your own javascript functions in the menu items.
You should paste "javascript:some_function()" into item's link field, for example:
var menuItems = [
["text", "javascript:your_function(...)", ...]
];
var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];
Q: How do I apply styles to submenu items that are different from the styles of top javascript drop down menu items? For instance, I want to know how to apply background images for the submenus, but not for the menu items. I also want borders around the submenu ITEMS, not just the entire submenu. Here is the link to my page with the menus. The menu I am referring to is the top right hand menu (black with grey).
A: Create Individual Item and Submenu styles and assign it to your submenu items.
var itemStyles = [
["itemHeight=23px","itemBackImage=deluxe-menu.files/btn_black.gif,deluxe-menu.files/btn_cyan.gif","itemBorderWidth=1","itemBorderStyle=solid,groove","itemBorderColor=#2C2C2C,#FF0000"],
];
var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","menuBorderStyle=none","itemSpacing=0","itemPadding=0px 0px 0px 10px"],
];
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],
["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
["|Installation","", "", "", "", "", "0", "", "", "", "", ],
["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "", "", "",],
["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...
Assign Individual Items style to all submenu items and Individual Submenu Style for the first item in each submenu.