Rollover Tabs Get Existing HTML Code Inside

Support

FAQ

Contacts

About Us

Recent Questions

How do I get my existing HTML code inside the rollover tabs?

Return to Recent Questions

Q: How do I get my existing HTML code inside the rollover tabs?

A: You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

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", "", "", ],

Return to Recent Questions

Related:

Oct 22, 2006 - Why I now have double drag menus and how to correct?
Nov 22, 2006 - I cannot get the background color of the html popup menu to change
Dec 06, 2006 - Is using search engine friendly code the same as using normal html menu bar for spiders?
Dec 23, 2006 - How can I upgrade to Deluxe Menu v2.0? Now I'm using html menu codes v1.14.
Dec 24, 2006 - How to get side menu items to swap images to use like a traditional image rollover.
Dec 27, 2006 - We want to know if we can make the background on your menu html code transparent?
Jan 26, 2007 - How can I insert html code into javascript collapse menu?
Jan 31, 2007 - I tried to create the html version of the rollover menus. It is still not working.
Feb 08, 2007 - I set a target at '_mainFrame' for my menu in html but it opens in its own window.
Feb 15, 2007 - I can see only the code generated by the GUI tool.How should I install html menus?
Feb 17, 2007 - How I can edit/specify the color schemes on the Glass style tabs in html?

Bootstrap Header Example Bootstrap Textarea Group \| Bootstrap Progress bar Jquery \| Bootstrap Switch Value \| Bootstrap Slider Usage \| Bootstrap Label Input \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	Free AI Website Builder \| Best AI Website Builder \| AI Website Generator \| Website Generator AI \| AI web page design generator