Recent Questions
Q: Can I use my own images as the tabs in a div tab menu?
A: The Drop down menu items have the following structure:
var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];
Where iconNormal, iconOver - Icons of an item: icon in normal state, icon in mouseover state.
So you can set your menu items in a such way:
var menuItems = [
["","testlink.htm", "icon1.gif", "icon1o.gif"],
["","", "icon2.gif", "icon2o.gif"],
["|","testlink.htm", "icon3.gif", "icon3o.gif"],
["|","testlink.htm", "icon4.gif", "icon4o.gif"],
["|","testlink.htm", "icon5.gif", "icon5o.gif"],
["","testlink.htm", "icon1.gif", "icon1o.gif"],
];
Q: I've tried to add the pathPrefix_img as suggested and I'm still having trouble with images.
Can you provide anymore feedback on what I'm doing wrong?
A: Now you have such paths:
var pathPrefix_img="http://www.domain-name.com/images/";
and
var arrowImageMain=["CFTopMenu.files/arrv_white_1.gif",""];
So, the full path we'll be:
http://www.domain-name.com/images/CFTopMenu.files/arrv_white_1.gif
Is it right?
I've tried to download your image from this link. There is no such image.
If you want to put all your images into the "images" folder you should write so:
var pathPrefix_img="http://www.domain-name.com/images/";
and
var arrowImageMain=["arrv_white_1.gif",""];
Please, check that you upload all your images on the server in the right places.
Q: Is this transparent feature there for individual submenu styles or for individual menu items in scrolling menu? I want that.
A: See, you can use "transparent" value instead of any color in the mainmenu parameters and in Individual styles.
var menuBackColor="transparent";
var menuBorderColor="transparent";
var itemBackColor=["transparent","transparent"];
var itemBorderColor=["transparent","transparent"];
var moveColor="transparent";
var shadowColor="transparent";
var itemStyles = [
["itemBackColor=transparent,transparent","itemBorderColor=transparent,transparent"],
];
var menuStyles = [
["menuBackColor=transparent","menuBorderColor=transparent"],
];
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://dhtml-menu.com/dhtml-tabs/tabs-examples.html.
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 ?
A: I advise you to try our new Javascript menu -- Deluxe Tabs,
http://deluxe-tabs.com.
This is a newer version of DHTML Tabs. It works better.
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>
