Recent Questions
Q: Please advise on how to install a created js popup window to an html page linked to text.
A: For example you want to open your popup window when you click the link on your page.
You should do the following:
1) Open your page (for example index.html page) in any text editor.
Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:
<a href="javascript:;" id="win1">Click Here to see a window</a>
2) Create a popup window in Deluxe Tuner. Add your content.
You can use HTML content, Iframe (url) or any object on your page as popup windows
content - Object ID.
For example select HTML content (winContent parameter in the 'Common' section) and add
the content in HTML Content window,
for example:
<div style="text-align:center;"><b>Sample content</b></div>
This is a simple HTML code for content. Here you may also set link to content page or ID of some element.
3) In the 'Actions' section specify the id of your link (win1) for the onClick event.
4) Select the template you want to use.
5) Export your popup window to HTML page. File -> Export -> To HTML. Save it in any testfolder.
So, you'll have:
deluxe-popup-window.files/
deluxe-popup-window.html
deluxe-popup-window.js
6) Open the generated deluxe-popup-window.html file in any text editor.
Copy all code for Popup window and paste it in the beginning of the <body> tag:
<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2009, DeluxePopupWindow.com -->
7) Copy 'deluxe-popup-window.files/' folder and deluxe-popup-window.js file into the same
folder with your index.html (root folder of your website).
Q: I have a horizontal menu. The top-level has icons and text. I want the text to appear under the icon image, centered. Is there a way to do that?
A: You can try to write so: ["<img src='images/micon1.gif' width=32 height=32><br> Home","testlink.html", , ,"" , , , , , ],
Q: Hello. I am trying to test out your mouse over drop down menu and I am having trouble using the separators. Are there certain things that need to be in placed for the separators to work?
Nothing in the js code is showing me that they even exist.
A: You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
Q: Ok I found the problem. When I make var floatable=0; dhtml flyout menu stays perfectly on the top as before but when I change it to var floatable=1; then it stays on top when the page loads but moves down when the page fully loads.
A: There are additional parameters for floatable feature in v3.2 now.
You can find them in Deluxe Tuner.
Try to write:
var floatableDX=0;
var floatableDY=0;
These parameters set minimal space for widow border.