Recent Questions
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 got it working however I have an additional question.
How do I allocate the width of each "button" see sample how for instance the "FAQ" button is so narrow compared to others. I tried adding spaces with no result.
A: You can use Individual Item Styles to set exact width for the menuitems.
For example:
var itemStyles = [
["itemWidth=100px"], //style 0
];
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", ], //style 0
["Product Info","", "", "", "", "", "0", "", "", ], //style 0
Q: How can I keep the items in dhtml css menu from opening into a new window when selected?
A: You can set target parameter for all items:
var itemTarget="_self";
or for each item individually:
["Home","testlink.html", "", "", "", "_self", "", "", "", "", "", ],
Q: I am currently testing the DHTML Tabs product, and I am trying to find ways of replicating how it is being done in your website at
http://dhtml-menu.com/dhtml-tabs/tabs-examples.html.
In your website, when I click on a Tab, the content relevant to that tab appears. I understand that the site is using "div id= " method to control. However, my question is how can I code the DIV to appear in the JS file ?
A: I advise you to try our new Javascript menu -- Deluxe Tabs,
http://deluxe-tabs.com.
This is a newer version of DHTML Tabs. It works better.
See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID.
<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your description here!!!!!
</div>