Recent Questions
Q: Hello I am testing your product Deluxe Menu, and want to create a special tree-menu.
I have a question:
Is it possible to have two icons in front of each dhtml menu item?
I need two icons in front of each menu-item that will symbolize an alarm and a sabotage-alarm.
I want to use animated gifs on these so that I can visualize alarm and sabotage on each menu-item.
But I also need an icon on the right side of the menu to show if the menu-item is expanded or not.
I want the structure to be like this:
Icon | icon а| Main menuitem1а | expandedicon
Icon | icon | sub menuitem1 | expandedicon
Icon | icon | sub menuitem1.1 | expandedicon
Icon | icon | sub menuitem1.2 | expandedicon
Icon | icon | sub menuitem2 | expandedicon
Icon | icon а| Main menuitem2а | expandedicon
Is this possible to achieve with your menu?
A: Yes, it is possible.
Actually you can use any html code within menu items.
["|<img src='default.files/icon1_so.gif' style='margin-right: 10px'>Home","testlink.htm", "default.files/icon1_s.gif","default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
Q: I have an image map of a graphic and I need to call my side navigation bar from an OnMouseOver in the image map…
A: You can try to use Popup Menu, see more info:
http://deluxe-menu.com/popup-mode-sample.html
See how you should call pop up menu
<img src="data-samples/images/popup_pic.gif" width=180 height=119 onmouseover="return dm_popup(0, 2000, event);" onClick="return dm_popup(1, 2000, event);" style="cursor: pointer;">
You can create your menu using Deluxe Tuner application.
Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):
var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];
var afterItemImageW=8;
var afterItemImageH=7;
As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?
A: You should create Individual style and assign it for the top access drop down menu items:
var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];
Q: What command that I use the HTML code that will be showing in the pop up window to close it?
A: Try to use the following functions to show and hide popup window:
deluxePopupWindow.open()
hide()
For example you should write:
["","javascript:deluxePopupWindow.make('window', 'http://google.com/', '#1: Google Web site',
'width=590,height=350,resizable,scrollbars,minimizable,fullscreen, centerscreen,move-effect=top,,opacity=1,
floatable=yes', 'default')","icon.gif"]
["","javascript:document.getElementById('window').hide();","icon.gif"]
Notice also that you should move the following code from your data file on your html page directly inside SCRIPT tags:
<script type="text/javascript">
menuItems[
[...]
];
dm_init();
</script>
See more info:
http://deluxepopupwindow.com/window-installation-info.html