Recent Questions Google Chrome Mac Tree Tab
Q: I am using your Deluxe Tabs software, and I am simply trying to implement your dhtml menu samples:
http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html
I have downloaded the trial software and built my tabs, but at this point, all I have is the tabs... I need the entire box under the tabs, and I need to be able to insert my content for each tab.
Please explain to me how to use your dhtml menu samples.
A: You should specify any Object ID name of the DIV.
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. 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">
<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: The problem that I am still experiencing (Im sure I have missed something obvious!) - is that all the pages open when you click on the relevant links but they always open with the "About Us" tab showing and then as soon as you click on a different tab you see it highlight for a second and then it just reverts back to the About Us tab even though the page has changed. As the site opens I obviously want the first tab to be highlighted as opposed to the 2nd one and the each page highlights and holds as you go through the menu.
A: See, you set
var bselectedItem=2;
That is why "About us" tab is selected.
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.
If your site is written on PHP you can set "bselectedItem" parameter based on your link beforeyou call tabs-kasper.js file.
For example, move "bselectedItem" parameter from tabs-kasper.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="tabs-kasper.js" type=text/javascript></SCRIPT>
</TD>
You should define seltabs using server side script.
You can also set on every page before you call tabs-kasper.js file(for example, for solution tab).
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=4;
</script>
<SCRIPT src="tabs-kasper.js" type=text/javascript></SCRIPT>
</TD>
Try that.
Q: Trying to install XP style floating dhtml slide down menu but have these problems:
- Menu does not stay within table cell
- Is not floating
A: > - DHTML slide down menu does not stay within table cell
You're using the floating feature now. Your dhtml slide down menu will float withabsolute position only. So, now you have:
var tabsolute=1;
var tleft="1px";
var ttop="1px";
That is why your dhtml slide down menu does not stay within table cell and hasabsolute position.
> - Is not floating
Try to call on your page
<script type="text/javascript" src="philmenu.files/dtree_add.js"></script>
Q: Only in XP Styles for dhtml vertical menus I can set the "movable menu" on ?!
When I save to teste this feature doesn't work !!!
A: You can use movable feature in the var tXPStyle=0;too.
But to use floatable or movable feature you should use absolute position forthe menu:
var tabsolute=1;
var tleft="20px";
var ttop="40px";
