Recent Questions
Q: So, I am still interested if there is a dynamic way to rebuild (and restructure) a menu w javascript, just for interest.
A: No, unfortunately it is not possible to rebuild the menu withoutreloading of the page now. We'll add this feature in the next versionof the menu.
Q: Two questions. First I get a "Error! Skin Load!" popup when my onmouseover popup window loads.
I see references to "skin.js". Is this supposed to be generated?
Secondly.
I am being really dense. I would like to use Deluxe Popup Windows in response to a mouse click on a picture. So far with deluxe Menu, I just put a statement like this:
<script type="text/javascript" src="rvmonitor.js"></script>
where I wanted the menu to show up. The web page loads and the Deluxe Menu displays.
I have managed to make the onmouseover popup window appear by using that code, the web page loads and the popup loads (with the skin error).
I know how to get a larger picture from a smaller one like this:
<a href="../images/Tige/CabinetMod/Tige_CabinetMod04.JPG">
<img class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasketmount">></a>
I just don't know how to put the rvmonitor.js into the <a href...></a> function. Could I have a simple example?
A: See, to install Deluxe Popup Window you should call two .js files onyour page:
<head>
...
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script> //engine file
</head>
<body>
...
<script type="text/javascript" src="deluxe-popup-window.js"></script> //data file
...
</body>
Copy deluxe-popup-window.files folder and deluxe-popup-window.js fileinto the same folder with your html page.
To open your window on mouse click you should do the following things:
<a title="Click to open the window" href="javascript:;"onclick="deluxePopupWindow.open('win', '<img class=\'border0\'src=\'../images/Tige/CabinetMod/Tige_CabinetMod04.JPG\' alt=\'Gasketmount\'>', 'Full Image', 'width=180,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite')"><imgmount\'>class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasket mount"></a>.
Q: We have several problems with your menu.
Notice when trying to select a drop down item…the item disappears, rather than holding in place as the mouse is over the menu item.
Second, we’d like to know how to expand the width of the main headers and sub headers. Currently, they are not of the same width.
Lastly, we’d like to change the font and load new fonts to match the branding of the menu items.
Please let us know where we can find instructions to make these modifications/customizations.
A: Please, try to write your menuItems parameter correctly.
You should set "iconOver" parameter for each item (you can set "").
Please, see how you should write your menuItems:
["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
    ["|Contestants","experience_contestants.php","","","_self","2",,,],
...
> Second, we’d like to know how to expand the width of the
> main headers and sub headers. Currently, they are not of the
> same width.
You should use Individual styles, for example:
var itemStyles = [
["itemWidth=120px","arrowImageMain=image1,image2=home_out.gif,home_over.gif"],     // style 0
["itemBorderWidth=2","itemBorderStyle=solid,solid", "itemBorderColor=#AA0000,#0000FF"],     // style 1
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"],     // style 2
];
var menuItems = [
["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
    ["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
...
For submenus you should set the following parameter:
var smWidth="150px";
> Lastly, we’d like to change the font and load new
> fonts to match the branding of the menu items.
You should also use Individual styles.
But you should set this parameter:
var fontStyle="";
And then use different fonts for your items.
Q: Is it possible to have your menu mouseover call one of my functions?
I need to change some text on the screen based on which menu itemis highlighted.
A: Each menu items can include any html code.
So, you can include your own objects with onmouseover event, forexample:
var menuItems = [
["<div onmouseover='yourFunc()'>item text</div>"]
];
Where yourFunc() is Javascript function.