Recent Questions
Q: Is it possible to change the background color of just one of the menu buttons within a javascript expand menu?
A: Yes, it is possible.
Use Individual Item Styles.
Create Individual Item style and assign it to your submenu items usingDeluxe Tuner.
var itemStyles = [
["itemBackColor=#800000,#FF8080"], //style0
];
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif","deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0
["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
["|Installation","", "", "", "", "", "0", "", "", "", "", ],
["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "","", "", ],
["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...
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: I want to be able to have all of the submenus start at the top of the menu. For example, when I hover across each of my menu items in a vertical level, I want the sublevel menu to start at the very top of the menu, not out beside the menu option. How can I achieve this
A: You can have such effect only for the first subitems.
Others subitems will have Y offset.
Please, see the attached example.
You should adjust the following parameters:
var topDX=-116;
var topDY=-31;
var DX=-148;
var DY=-32;
Q: When using website tab menu, where do I place the text content related to the selected tab,
(the text presented on the rest of the screen under the tab)?
And who do I connect a specfic text to a certain tab?
A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).
You should set var tabMode=0;
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID.
You canset background image for these DIV's in styles.
<div id="contentName" style="height: 0%; visibility: hidden; background-image:
url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>