Recent Questions
Q: How can I from javascript code change a displayed tab selection to another one in the dynamic menu tabs... lets say from first tab to the third tab?
A: 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 and var var bselectedSmItem) 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" and "varbselectedSmItem" parameters
based on your link beforeyou call your data file.
For example, move "bselectedItem" and " var bselectedSmItem" parametersfrom your data file to your code.
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=<?php echo $seltabs; ?>;
var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
You should define seltabs and selsmtabs using server side script.
You can also set it on every page before you call data.js file, forexample:
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=4;
var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
Try that.
Q: It is mostly working now except where I have two rows of nav tabs.. The top row opens new pages and the bottom row is just regular div tabs... works fine in IE and Firefox but not Chrome... any ideas?
A: Try to open links in the following way:
var bmenuItems = [
["Overview","link:Sun_Cabo_Services.asp", "", "", "", "", "0", "", "", ],
["-"],
["Villa Services","link:Cabo_Villa_Services.asp", "", "", "", "", "0", "", "", ],
["-"],
["Chef/Cook Services","link:Cabo_Chef_Services.asp", "", "", "", "", "0", "", "", ],
["-"],
["Spa Services","link:Cabo_Spa_Services.asp", "", "", "", "", "0", "", "", ],
];
Q: I have downloaded the trial version and so far I really like what I see except for one issue. Any page that includes the following doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
seems to break the absolute positioning of the menu and sends it to the far upper left corner of the page. Any help on fixing this would be greatly appreciated.
A: The problem is in <!DOCTYPE> attribute.
Please, set 'px' units for posX and posY parameters,for example:
var posX="100px";
var posY="100px";
Q: Thanks for getting back with me but how do you build the menu?
I opened Deluxe Tuner program to build a menu and there are categories titled common, dimensions, font, appearance etc. and I have NO IDEA what to do?
Can you walk me through the development of a menu?
A: First of all you should add items.
Please, click "Add item" and "Add subitem".
In the "Item parameters" window you can set text, link, target, iconsfor the menu items. You can also assign different style for each menuitem (item style and submenu style).
But at first you should create this style. Click "Edit IndividualStyle/Add Style" and set different parameters for the style.
Try to set different parameters of the menu.
In the "Preview window" you can see all your changes.
First of all you should choose menu orientation:
var isHorizontal = 1; Menu orientation: 0 - vertical, 1 - horizontal.
You can set exact width and height of the menu in the "Dimension"category.
You should set
var absolutePos=1;
if you want to have absolute positioning menu.
Font style you can set in the "Font" category.
To set color of the menu you should set the following parameters:
var menuBackColor="#FCEEB0";
var menuBorderColor="#C0AF62";
var itemBackColor=["#FCEEB0","#65BDDC"];
var itemBorderColor=["#FCEEB0","#4C99AB"];
Try also to change these parameters:
var itemSpacing=3;
var itemPadding="3px";
Arrows for main items and subitems you can set here:
var arrowImageMain=["default.files/arrowmain.gif","default.files/arrowmaino.gif"];
var arrowImageSub=["default.files/arrowsub.gif","default.files/arrowsubo.gif"];
If want to have floatable or movable menu you should set the followingparameters:
var floatable=0;
var movable=0;
You can also try to change any template.