Recent Questions
Q: 1) Can any HTML be inserted in to the text?
2) As the item has no link, how can I prevent the item being highlighted on mouseover?
A: 1) Yes, you can insert any html code within menuItems, for example:
["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
["|Index <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'> <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
["|Write Us", "mailto:[email protected]", ""],
2) Yes, you can do it.
You should create Individual Style for it.
For example:
var itemStyles = [
["itemBackColor=#FCEEB0,#FCEEB0","itemBorderColor=,#FCEEB0","fontColor=,#000000"], //style0
];
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //style0
Q: I am currently testing the DHTML Tabs product, and I am trying to find ways of replicating how it is being done in your website at
http://deluxe-tabs.com/.
In your website, when I click on a Tab, the content relevant to that tab appears. I understand that the site is using "div id= " method to control. However, my question is how can I code the DIV to appear in the JS file of my mouseover tabs?
A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).
["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.
<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your description here!!!!!
</div>
You can paste any code within DIV's (PHP, Javascript ...)
Q: I keep getting this javascript error: "smMovable is undefined" in my javascript rightclick menu.
I am using the development version no source code. I only get the error when adding sub menu items. When it only has the top level menu items everything works fine. I have attached the script, which the portion I generate works fine when I open it using the deluxe tuner application. I am generating the menu from .Net.
I am also attaching the generated html file.
Any help with this would be appreciated. do I add padding around a top menu item?
A: Now you have the following parameters:
var moveImage=";
var transOptions=";
It is not correct. You should write:
var moveImage='';
var transOptions='';
Q: I now have the need to introduce separators on the menu.
Can you tell me how to do that?
I cannot find any documentation telling me how this is done.
A: Please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="5";
var separatorHeight="100%";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="3";
var separatorVHeight="100%";
var separatorPadding="";
You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Try that.