Recent Questions
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.
Q: When the html tab menu is initialized can you not have any selected tabs?
I do not want to select any tabs when the menu is initialized for some cases.
A: No, unfortunately it is not possible. Some top item should behighlighted.
But you can try to add separator in the beginning of the menu and set:
var bselectedItem=0;
var bseparatorWidth="0px";
var bmenuItems = [
["-",],
[" Deluxe Menu","content1", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
[" Deluxe Tree","content2", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
[" Deluxe Tabs","content3", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
[" Contact us","content4", "img/icon_mail.gif", "img/icon_mail.gif", "img/icon_mail.gif", "", "", "", "", ],
];
Q: Is it possible to make the javascript menu buttons and the text bigger? Or at least the text larger?
Right now the text is so small that they actually look a little blurry.
The only font I can increase is the font on the dropdown menus. but I cant change the font that appear on the actual tabs. If I could increase the font on them that would be great.
A: You should change font in Individual styles.
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackImage=http://www.pursepage.com/wp-content/themes/pinkdoubleheader/data.files/btn_magentablack.gif,http://www.pursepage.com/wp-content/themes/pinkdoubleheader/data.files/btn_magenta.gif","itemBorderWidth=0", "fontStyle='normal 14px Arial','normal 14px Arial'","fontColor=#FFFFFF,#FFFFFF"],
];
Q: For the last two days I've been trying the above product, and I'm very impressed with its flexibility and features, and I'm about to buy it, I have only one question that I couldn't figure out the answer.
I'm using the Navigation BAR TABS. What should I do in order to link one of the horizontal drop menu tabs to the following object 'BLOG' as in the following example / piece of code. (When the user selects one specific tab, a blog should be displayed.
I'm looking towards your reply, as it seems your product is quite fit to perform the job in a straightforward manner.
A: See in Deluxe Tabs there is two modes:
1. var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV'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 horizontal drop menu 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", "", "", ],