Recent Questions
Q: However, I did not see how you get the content of link value of the tab to display below horizontal tabs.
A: See in Deluxe Tabs there are two modes:
1. var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],
2. var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.
["XP Tab 1","", "", "", "", "", "", "", "", ],
["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],
You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')
So, you should write for example:
["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],
Q: I want to use single css drop down menu bar for each page without applying HTML Code for each page separatly.I mean to use CSS Menu as per our .JS Menu.
A: Unfortunately it is not possible with css menu.
On each page you should call css file with styles:
<link href="menu.css" rel="stylesheet" type="text/css" />
and add code for the menu on each page in the place where you want to have a menu, forexample:
<ul class="cssMenu cssMenum">
<li class=" cssMenui"><a class=" cssMenui" href="testlink.html">Home</a></li>
<li class=" cssMenui"><a class=" cssMenui" href="#"><span><img class="def" src="default.files/icon1.gif"/>
<img class="over" src="default.files/icon1o.gif">Product Info</span>
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class=" cssMenum">
<li class=" cssMenui"><a class=" cssMenui" href="testlink.html"><img class="def" src="default.files/icon2.gif"/>
<img class="over" src="default.files/icon2o.gif">Features</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->lt;/li>
<li class=" cssMenui"><a class=" cssMenui" href="testlink.htm">
<img class="def" src="default.files/icon1.gif"/>
<img class="over" src="default.files/icon1o.gif">Contact Us</a></li>
</ul>
You can also try to use frames.
Also you can use aserver-side script (php, asp, vb, etc.) to generate html pages fromtemplates on your server.
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>
Q: We're running deluxe_tree version 1.0. We are getting the following error:
_tsw is not defined
[Break on this error] String.prototype.sb=function(tss,te){return this.substring(tss,te)};String.proto...
dtree.js (line 14)
Any ideas? Should we upgrade to the latest version? If so, what it the upgrade path for us? Will we have to modify our data-tree.js file?
A: Yes, try to use Deluxe Tree v2.4.
See in Deluxe tree you should specify correct tWorkPath parameter:
<script type="text/javascript"> var tWorkPath="menudir/";</script> otn=tx/tl hre=T-"/ mt ae"ecito"cnet"nac orwbiewt it utn n e c
This parameter should point to the same folder with dtree.js file.When you use movable or floatable feature you should copy dtree_add.jsfile in the same folder with dtree.js file.
http://deluxe-tree.com/installation-info.html