Recent Questions Horizontal Hierarchy Control Tree View Codeproject
Q: In the rollover menus, how can I have a heading link to and open another website's home page?
A: 1) You can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you have:
<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></p>
So, in 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:
add id="open_popup" for <a>, <div>, <img> ... tags.
2) Or you can create only one data file and use deluxePopupWindow.open() function to open the popups.
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.
I call the skin .js file with id='win'.
On the page you should open popup windows with the same id:
<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 1 PopupWindow with 'files/test.html' content.</a>
<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/1test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 2 PopupWindow with 'files/1test.html' content.</a>
<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/2test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 3 PopupWindow with 'files/2test.html' content.</a>
<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/3test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 4 PopupWindow with 'files/3test.html' content.</a>
<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/4test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 5 PopupWindow with 'files/4test.html' content.</a>
<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/5test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 6 PopupWindow with 'files/5test.html' content.</a>
<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/6test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 7 PopupWindow with 'files/6test.html' content.</a>
So, the previous window will be closed and the new one will be opened.If you want to open several windows at once use different id's for each link.
Q: I'm using your Delux Menu and I would like to know how to change the back ground color of the sub drop down menu from the teal color to a gray and am nothaving any luck locating this option.
Please advise.
A: Try to use the following parameters:
var menuBackColor="#C0C0C0";
var itemBackColor=["#C0C0C0","#65BDDC"];
You can also check Individual Styles. It is possible that you setbackground color there.
Q: I updated .js files and added var key to data file.
When I tested there is no nag tag. But the sub-menu no longer worked. (it worked before with "Trail Version" nag).
The status bar on IE shows "Error on page".
I am looking forward to your help.
A: Please, see menu parameters. Now you have:
var menuBorderWidth="";
var itemBorderWidth="";
You should write:
var menuBorderWidth=0;
var itemBorderWidth=0;
Q: The idea is that when you click the button of the menu,
the box that holds the menu links opens like normal, but Instead of having the written links inside the drop down box,
I want to have an item like an image or a search box or some other type of independently running script inside the dhtml xml menu.
A: You can use any html code within menuItems of JavaScript Tree Menu:
["+JavaScript Tree Menu: XP Style <a href='http://domain.com'><img src='default.files/xpicon1_s.gif' width=12 height=12></a>","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ],
["|Home <a href='http://domain.com'><img src='default.files/xpicon1_s.gif' width=12 height=12></a>","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
["|Product Info <a href='http://domain.com'><img src='default.files/xpicon1_s.gif' width=12 height=12></a>","", "default.files/icon2_s.gif", "default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ],