Recent Questions
Q: I am trying to create a tab menu and I have some questions. I want a tab menu that has four tabs. Each tab is a different image, the normal and hover state uses the same image and the selected state uses a different image. This will be applied to all four tabs. All the tabs will not have any text on them because the image will already have text on it. This tab menu will not have a submenu but will use <div id> tags to populate information when a certain javascript menu master tab is selected.
I am having difficulty trying to create this type of tab menu to work with the Deluxe Tuner. Each time I try to make an image as a tab that image is applied to all javascript menu master tabs which I do not want. I want each tab to have a different image.
Please advice how I can do this.
A: If you want to use different images you should use Individual ItemStyles and assign them for your tabs.
var bstyles = [
["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif, deluxe-tabs.files/style04_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif, deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_n_right.gif, deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],
["bitemBackImage=deluxe-tabs.files/style04_2_n_back.gif,deluxe-tabs.files/style04_2_s_back.gif, deluxe-tabs.files/style04_2_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_2_n_left.gif, deluxe-tabs.files/style04_2_s_left.gif,deluxe-tabs.files/style04_2_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_2_n_right.gif, deluxe-tabs.files/style04_2_s_right.gif,deluxe-tabs.files/style04_2_s_right.gif"],
["bitemBackImage=deluxe-tabs.files/style04_3_n_back.gif,deluxe-tabs.files/style04_3_s_back.gif, deluxe-tabs.files/style04_3_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_3_n_left.gif, deluxe-tabs.files/style04_3_s_left.gif,deluxe-tabs.files/style04_3_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_3_n_right.gif, deluxe-tabs.files/style04_3_s_right.gif,deluxe-tabs.files/style04_3_s_right.gif"],
];
var bmenuItems = [
["Item 1","", "", "", "", "", "0", "", "", ], //style1
["Item 2","", "", "", "", "", "1", "", "", ], //style2
["Item 3","", "", "", "", "", "2", "", "", ], //style3
];
Q: Why is the submenu a different colour has a different colour than menu items - surely that's not an IE specific feature? The top-level menu items seem to be a different size too, so the layout in IE looks more even.
A: Submenus has a different color because they have a transparency:
var transparency="90";
Set it to 100.
Submenus also have larger width than top items because they containsmore text. If you want to wrap the text, use
tag between item words.
Q: Is it correct that in javascript treeview menu you can specify your target as a different frame?
A: Yes, you can specify frame name as the target in Deluxe Tree:
var titemTarget="frame";
Q: I purchas the tab menu javascript but i when i add the javascript to my page i cannot go to the page where the link is pointing to.
The javascript containsthe link but when i calick the tab nothing happens.
A: Add 'link:' prefix before your links.
Try to write your links in the following way:
["Clinical","link:http://localhost:49303/Clinical_Policy.aspx", "", "", "", "Clinical Policy documents", "", "", "", ],
["Accounting","link:http://www.yahoo.com", "", "", "", "", "", "", "", ],
["Service Coordination","link:SC_Policy.aspx", "", "", "", "", "", "", "", ],
["Recruiting","link:Recruiting_Policy.aspx", "", "", "", "", "", "", "", ],
["Customer service","link:CS_Policy.aspx", "", "", "", "", "", "", "", ],
["Marketing","link:Marketing_Policy.aspx", "", "", "", "", "", "", "", ],