Recent Questions
Q: I'm fairly new to HTML and Java. I'm using your popup window html, (its great) but do notknow how to use the "ID object" function. I'm using Frontpage as my HTML editor. The only way I can figure out how to give "a line of text" or a "Graphic" and ID is to create a "Layer". That creates an (ID) in the HTML script. But I still cannot get the pop up to work when clicking the object. How is the best way to create an object ID that will all Deluxe pop-up to recognize it?
Can I have two separate pop-up within the same html page?
One last thing...Can I create a pop up that fly's out after 10 seconds, and within that fly out have a link that opens another pop up with important info in it using the iframe feature?
This sound like novice questions, but that's me!
A: 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 the FrontPage. Right click on this image and goto "Picture properties...", on the Appearance tab select 'Style...' and enter any text inthe ID field, for example 'open_popup'. Switch to 'Code' mode, you'll have the followingcode:
<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></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. Switch to 'Code' mode andadd id="open_popup" for <a>, <div>, <img> ... tags.
> Can I have two separate pop-up within the same html page?
You can add as many popups as you want.
> Can I create a popup window html that fly's out after 10 secondsCreate popup window and set openAfter=10 parameter to it. You can find this parameter in'Actions' section.
> and within> that fly out have a link that opens another pop up with important info in it using the iframe feature?Use HTML content as window content. Set winContent parameter in 'Common' section.
Add link inside the html content:
<a title='Click to open sample' href='javascript:;' onclick=\"deluxePopupWindow.open(\'window1\', \'files/test.html\', \'Window2\',\'width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect\', \'default\', \'iframe\')\">Click to open Popup Window with 'files/test.html'content.</a>
More info about deluxePopupWindow.open() function you can find:
http://deluxepopupwindow.com/window-installation-info.html
function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")
Use another winID (first parameter) than you have in your data file if you don't want to close 1-st popup window or use thesame winID=win if you want to close 1-st popup.
content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin (default in my example)
contentType - set this parameter to iframe.Q: How can I set the top-level menu items of the html pop up menu to be transparent?
A: You should create Individual Item and Submenu styles with transparent itemBackColor and assign it for the top items:
var itemStyles = [
["itemBackColor=transparent,transparent","itemBorderWidth=0","fontColor=#000000,#000000"],
];
var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0"],
];
Q: I want to be able to put a small thumbnail icon in the description area of animated drop down menu. Here is a current line from my .js file for a single link.
["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br>Gary Parsons ","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549 ",,,,,"0"],
I want it to do this though:
["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br>Gary Parsons ","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549 <br><br><img src="images/thumbnail.jpg">",,,,,"0"],
The problem is the "'s around the img src.....it's throwing off your animated drop down menu.
How do I fix that?
A: It is not correct to write menuItems in such way.
You should write:
["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br> Gary Parsons <br><br><img src='images/thumbnail.jpg'>","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549",,,,,"0"],
Try that.
Q: The menu is the table imbedded to the layer.
If you want to center the menu paste itwithin the <div>> or <table> with a static position and specify a center alignment for it, for example:
<div align=center>
<script src="data.js"></script>
</div>
Please, set exact value for var menuWidth parameter, for example:
var menuWidth = "500px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
var absolutePos = 0;
If you want to use absolute position for the menu, use varabsolutePos=1 instead of absolute position for div.