Recent Questions
Q: The menu is very large and I am concerned about load speed.
Does the ajax like technology just load the top tabs and then only the sub menus if they are clicked? I have clicked true and added 5 as there are 5 submenus but it does not seem to make any difference.
What can I do to speed up the javascript onclick menu?
A: Check that you've set the following parameter:
var dm_writeAll=0;
Q: I cannot see the arrow.gif's in my rollover drop down menu.
Here is my code:
var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
var arrowWidthSub=0;
var arrowHeightSub=0;
var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];
Do I need to put the arrow's somewhere else?
A: You should check the following parameter:
var pathPrefix_img="data-samples/images/";
Please check that you have the correct path to your aroows relative to the folder withindex.html file.
For example, you have:
menudir/
menu.js
dmenu.js
arrow_main3.gif
...
index.html
In menu.js file you should write:
var pathPrefix_img="menudir/";
var arrowImageMain=["arrow_main3.gif","arrow_main3.gif"];
var arrowImageSub=["arrow_sub5.gif","arrow_sub4.gif"];
or
var pathPrefix_img="";
var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];
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: Would it be possible at some point to introduce more font decoration options to the mouseover variables, I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.
A: Unfortunately, Deluxe Menu doesn't have such a feature. You can onlyset it's color. You cannot set the font of menu item bold when selected.
You should addthe following code in your data file:
function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}
var menuItems = [
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],