Recent Questions
Q: I am trying to follow your directions on how to load the application and I am completely lost as to what I need to do.
Do you have instructions on how operate the application; I am having a very difficult problem trying to maneuver around.
I am looking to create css vertical tabs, and the tabs are my personal images and I want to place html text into tabs.
A: To set your own images for tabs you should use the following
parameters (see how we created images in the attached example):
var bitemBackImage=["img/styleIE7_n_back.gif","img/styleIE7_o_back.gif","img/styleIE7_s_back.gif"];
var bbeforeItemImage=["img/styleIE7_n_left.gif","img/styleIE7_o_left.gif","img/styleIE7_s_left.gif"];
var bafterItemImage=["img/styleIE7_n_right.gif","img/styleIE7_o_right.gif","img/styleIE7_s_right.gif"];
You can also use a whole images for you tabs you should use only
var bitemBackImage=["img/styleIE7_n_back.gif","img/styleIE7_o_back.gif","img/styleIE7_s_back.gif"];
Set the dimensions of the menu here:
var bmenuWidth="600px";
var bmenuHeight="33px";
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 have a question that I cannot find in your FAQ section about your Deluxe Tree Menu.
Bought the whole set a few days ago and is very happy about it, I am uzzled & frustrated about one thing now though.
- = Link
+ = Link with subCat.
I have a menu that looks something like this:
- Home
+ Our products
+ FAQ
+ Stores
- Contact
+ Wholeseller
+ About us
Now every link here has a icon/s to the right that shows if the category is folded up or not. Trouble is that so has the - Home and - Contact that DON'T have any subitems! How to create dhtml menu so those two tree items won't get the rightsided icons?
The frustrating/confusing thing is if I place - Home or - Contact into lets say + Our products, the right side icon goes away and there it looks as I want it. But I NEED it to look this way in the top section.
A: You have icons in the top items on the right side in XP-style only.
You can set the following parameter to turn off XP-style:
var tXPStyle=0;
Q: Well I figured all of that out but now I have a new problem.The content of the textarea tabs is not displaying in IE.
A: See, it is not correctly to use submenus in tabMode=0.
Now you have:
var bmenuItems = [
["Why Choose Frictionsweb?","content1", "", "", "", "Why choose Frictionsweb Premium Internet Services?", "", "", "", ],
["|Our Services","content2", "", "", "", "We handle your project from the ground up!", "", "", "", ],
];
var bmenuItems = [
["Specials","content3", "", "", "", "Great Deals from Frictionsweb!", "", "", "", ],
["|Our Services","content4", "", "", "", "We handle your project from the ground up!", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];
Try to write your bmenuItems in the following way:
var bmenuItems = [
["Why Choose Frictionsweb?","content1", "", "", "", "Why choose Frictionsweb Premium Internet Services?", "", "", "", ],
["Our Services","content2", "", "", "", "We handle your project from the ground up!", "", "", "", ],
];
var bmenuItems = [
["Specials","content3", "", "", "", "Great Deals from Frictionsweb!", "", "", "", ],
["Our Services","content4", "", "", "", "We handle your project from the ground up!", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];
Q: I don't know anything about what JavaScript is all about...and I'm currently trying to get a menu that will float as I scroll down the page.
I saw the examples you have and I'd love to be able to do that on my website, but I don't understand the scripting that you have written there.
Like, what makes it float from this text...
A: If you want a floatable menu, you should set an absolute position forthe menu and paste the following code into your html page:
Paste the following code into <head> tag
<script type="text/javascript"> var dmWorkPath = "data.files/";</script>
<script type="text/javascript" src="data.files/dmenu.js"></script>
Then set coordinates of top-left menu corner in the data .js file, forexample:
var absolutePos=1;
var posX=30;
var posY=110;
Then set var floatable=1.
The parameter floatable=1 makes a floatable menu.
Also you can change any of menu parameters inside data .js file.