Recent Questions
Q: I am unable to make content show for each tab in the dhtml tab navigation.
I can make it open a new webpage, but that isnt what I want.
What I want is when the visitor clicks a tab, then content for
that tab shows, on the same page, and the tab menu still there.
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: It's been couple of months since I last time asked something about tree menu. I am still evaluating the software.
I have a short question. Is it possible to use CSS instead of JavaScript to tune the look and feel of the tree menu? For example I would be interested in giving menu css java item height value in relative numbers (em or %) rather than specifying a size in pixels...
A: But actually you can use 'em' and '%' units in Deluxe Tree, forexample.
var tmenuWidth="13em";
var tmenuHeight="12em";
var tmenuWidth="35%";
var tmenuHeight="15em";
Q: When I click into a field and the calendar pops up that it doesn't pick up the date/time values.
I can display time in 12 or 24 hour format - however for the selection it only allows 24 hour format. My boss is yelling at me that it has to be in 12 hour selectable format.
A: > when I click into a field and the calendar pops up that it doesn't
> pick up the date/time values.
But you haven't specified hour in the date format. Now you have
%L %d, %Y, %l: %M %p
month day year abbreviated month name minute either `am' or `pm'
So, you have: January 29, 2009, Jan:54 am
See more info about conversion specifiers here:
http://calendardatepicker.com/parameters.html
> 2) I can display time in 12 or 24 hour format - however for the selection it
> only allows 24 hour format. My boss is yelling at me that it has to be in 12
> hour selectable format.
Try to specify date format in the following way:
%L %d, %Y, %l, %I:%M %p
So, you'll have: January 14, 2009, Jan, 03:50 pmQ: I'm having difficulty understanding how to set up css drop down menus. The differences between menuStyles, itemStyles, CSS and CSSText is very unclear, and doesn't seem to be well documented.
Do you have any better documentation or writeup on using this feature?
A: No, unfortunately we don't have additional documentation. You can findall info on our site.
We have several examples of the menus using css.
You should set var cssStyle=1; parameter and then assign your stylesto the items.
var cssSubmenu is a CSS class name for all submenus. You can set, forexample, background color, background image, borders for all submenus.
var cssItem is CSS class names for all items (normal state, mouseoverstate) in the top menu and submenus.
var cssItemText is CSS class names for text of all items (normalstate, mouseover state) in the top menu and submenus.
It's possible to appoint individual CSS styles for separate elements of the menu using individual item styles and individual submenu styles.