Recent Questions Blog Style Tree Menu
Q: I've spent the last 30 minutes or so looking for samples on how to create a simple pop up window. I downloaded the trial, put in the html, saved the js file, etc etc. But there is no sample so I can't see exactly how to do the html.
Like, in the tuner it says to enter the ID of the link. What is this? where do I put the onClick code? where can I find the onClick code? There is a lot of info missing here.
Please send a simple template so I can see how a popup is done. Not a menu, just a popup.
A: > But there is no sample so I can't see exactly how to do the html.
You should create the pop up window in Deluxe Tuner and export it in the HTML page "File/Export/To HTML".
See more info about installation here:
http://deluxepopupwindow.com/window-installation-info.html
> where can I find the onClick code?
See 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>
So, 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.
If you want to show the popup when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",Q: I am having a problem trying to figure out how to generate a link to a popup window.
I looked at what you have on your site but it is not clear to me.
A: You can show the popup window when you hover, click or mouseout on some elements on your
page. 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,
forexample:
<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: I bought the JavaScript Tree Menu system for one website. Javascript select menu works well on all versions of IE that I tried (5,6,7)
However, the background and shadow do not render in Firefox. As a result the menu is not as attractive.
Can you help with this or am I stuck?
A: You should add Individual Item style and assign it for the top javascript select menu items:
var itemStyles = [
["itemHeight=20px"],
];
["Home","index.shtml", "", "", "First Page", "", "0", "", "", "", "", ],
["Communication","", "", "", "", "", "0", "-1", "", "", "", ],
...
Filters and transitional effects are features of Internet Explorer5.5+ only.
See more info here:
http://www.deluxe-menu.com/filters-and-effects-sample.html
Q: Is it possible via code customization to remove the border only for the top level of popup navigation
and subsequent menu levels with the border?
If yes, would you provide technical assistance with the required code change?
A: You can use Individual Item Style in that case.
You should create Individual Style, for example:
var itemStyles = [
["itemBorderStyle=none,none"], // style 0
];
And assign it for top items:
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], // assign style 0
["|Features","testlink.html", "deluxe-menu.files/icon2.gif", "deluxe-menu.files/icon2o.gif", "", "", "", "", "", "", "", ],
["|Installation","", "deluxe-menu.files/icon2.gif", "deluxe-menu.files/icon2o.gif", "", "", "", "", "", "", "", ],
["|Supported Browsers","", "deluxe-menu.files/icon2.gif", "deluxe-menu.files/icon2o.gif", "", "", "", "", "", "", "", ],
["||Windows OS","", "deluxe-menu.files/icon3.gif", "deluxe-menu.files/icon3o.gif", "", "", "", "", "", "", "", ],
["||Internet Explorer","", "deluxe-menu.files/icon5.gif", "deluxe-menu.files/icon5o.gif", "", "", "", "", "", "", "", ],
["||Firefox","", "deluxe-menu.files/icon5.gif", "deluxe-menu.files/icon5o.gif", "", "", "", "", "", "", "", ],
["Samples","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], // assign style 0
["|Sample 1","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "", "", "", "", "", ],
["|Sample 2 is Disabled","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "_", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "_blank", "0", "", "", "", "", ], // assign style 0
["Contact Us","testlink.htm", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], // assign style 0
];
More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.html
