Recent Questions
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>
Q: I am setting up a 3 tab script and each tab opens a new page butthe state of the tab selected reverts back to the default tab.
How do I keep the tab selected for the html vertical tabs when advancing to the next tab (new page)?
A: You should change the selected tab depending on the page you are now.
This Tabs menu can save pressed item automatically within1 page only.
If you open another page, the menu can't remember presseditem.
You should do that manually using Javascript and menu parameters( var bselectedItem) or
using any server-side script (php, asp, etc.)
Deluxe Tabs doesn't support API functions which can return theselected tab.
So, you can set "bselectedItem" parameter based on your link beforeyou call data.js file.
For example, move "bselectedItem" parameter from data.js file to yourcode.
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=<?php echo $seltabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript>
</SCRIPT>
</TD>
You should define seltabs using server side script.
Q: I cant find any option to change only the submenu tab javascript fonts, not all.
A: You should create Individual Item style and assign it to yoursubmenus.
Q: I’m trying to add a padding before the beforeItemImage for the sub navigation bar but I can’t do it after hours off trying it.
A: You should add a separator with blank (or white) image.
var separatorVImage="deluxe-menu.files/space.gif";
var separatorVWidth="7px";
var separatorVHeight="27px";
var separatorPadding="0px";
And assign Individual style for this item
["itemBorderWidth=0","itemBorderStyle=none,none"],