Recent Questions Jquery Browse Root Tree Navigation
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: When the html tab menu is initialized can you not have any selected tabs?
I do not want to select any tabs when the menu is initialized for some cases.
A: No, unfortunately it is not possible. Some top item should behighlighted.
But you can try to add separator in the beginning of the menu and set:
var bselectedItem=0;
var bseparatorWidth="0px";
var bmenuItems = [
["-",],
[" JavaScript Tree Menu","content1", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
[" Javascript/DHTML Tree","content2", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
[" Deluxe Tabs","content3", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
[" Contact us","content4", "img/icon_mail.gif", "img/icon_mail.gif", "img/icon_mail.gif", "", "", "", "", ],
];
Q: I just need to know if there is a way of establishing the width at "runtime" in the javascript dynamic menu so that my frame in my frameset can be widened accordingly.
A: There are no special parameters for menu dimensions.
But you can use submenu IDs. For example, top-menu has ID"dmXXXm0"
Where XXX - menu index. So, first menu on the page has ID "dm0m0".
So, you can determine menu dimensions so:
document.getElementById('dm0m0').offsetWidth
document.getElementById('dm0m0').offsetHeight
You can also use Javascript API functions to take submenu IDs.
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", , ,"" , , , , , ],
