Recent Questions
Q: Is it possible to dynamically generate new popup window"on the go"?
We want several popups to appear. We have tried to automagically assigna random name, but without success, the show() command kills the commands and just redirects.
A: You can do it in two ways:
1) Call different data files with DIFFERENT winID:"window1"!
2) Call only one data file and use deluxePopupWindow.open() function to open your windows:
<a href="javascript:;" onclick="deluxePopupWindow.open('window1', 'Content1 Content1', 'Window1','width=220,height=100,resizable,scrollbars=no,middle,right,fade-effect','windowsvista_graphite')">
Click Here to see a chase1 sample
</a>
See more info:
http://deluxepopupwindow.com/window-installation-info.html
http://deluxepopupwindow.com/samples.html
Q: I'm trying to position my menus inside absolutely positioned <DIV> tags. If the <DIV> tag has style="position:absolute; top:100px; left:50px;" in the actual tag, deluxe-menu seems to work correctly. If I have the "position:absolute; top:100px; left:50px;" in a <STYLE> tag or a linked stylesheet and applied using id or class selectors, then deluxe-menu does not work correctly: sub menus have a 100pixel offset in the y direction and a 50 pixel offset in the x direction. This is with no change to the .js data file (I have absolutePos=0;) Is this a known issue, and is it planned to be fixed?
A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.
Please, try to add your
css file -> inline css, for example:
For example, you should add style="position:absolute;"
to the
<DIV id=head>
So, you'll have:
<DIV id=head style="position:absolute;">
Now we have only such solution for this problem.
We'll try to fix this problem in the future versions.
Q: I am trying to make the tabs all the same width and would like to know how to do that. Therefore "Personal", "Account Summary", "Tax Exemptions", "Password", "Invoices", "Quotes", "VOIP" - I need them to all be the EXACT SAME width.
A: See, I've created Individual style
var bstyles = [
["bitemWidth=250px"], // style 0
];
And used this style for some items
["Account Summary","AccountSummary", "tabs/img/icon_ie.gif","tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "", "0", "", "",], // style 0
["Tax Exemptions","TaxExemptions", "tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "", "0", "", "", ], // style 0
You can use this style for all items in the same way.
You should set the width of your Tabs
var bmenuWidth="770px";
and width for each Tab
var bstyles = [
["bitemWidth=110px"], // style 0
];
And assign this style for all items.
Q: Is there a way to specify certian font styles escpecailly a hanging indent on the text of the navigation menubar?
A: You should use Individual styles, for example:
var itemStyles = [
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"], // style 0
["fontStyle=normal 12px Arial,Helvetica", "fontDecoration=underline,underline"], // style 1
["fontStyle=normal 14px Arial,Helvetica", "fontDecoration=none,none"], // style 2
];
And assign styles to your items:
var menuItems = [
["1 Item","index.php","","","","_self","0",,,],
["2 Item","","","","","_self","1",,,],
["|Submenu Item","","","","","_self","2",,,],
...