Js Tab Add Content

Support

FAQ

Contacts

About Us

Recent Questions

I don't understand how may I include content in each js tab..

Return to Recent Questions

Q: I don't understand how may I include content in each js tab, may you send to me examples or more information??

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 js tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

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

<div id="content1" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<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">
<br><br><br>
<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">
<br><br><br>
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

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:

Sep 22, 2006 - Where do I add my "blahblah.htm" page links in js menu?
Dec 11, 2006 - How to add the new items to the dhtml vertical menu without using two data.js files?
March 08, 2007 - Which file(s) I must change to change the content of each tab in the tabs dhtml?
May 24, 2007 - How I can add content below the dhtml tabs menu, like you have on your site?
June 07, 2007 - I cannot add icon before each item in the sub-menu in javascript tabs.
July 06, 2007 - Is it possible to generate Kaspersky java tab menu from dynamic content?
Aug 21, 2007 - How do I get the content to refresh when I click on a tabs javascript?
Sep 15, 2007 - Where the content for each dhtml tab menu is imputed.
Sep 28, 2007 - How do I open a PDF document in a new window in css menu navigation?
Jan 07, 2009 - I am having difficulty adding content to the java menu bar tabs.
Jan 12, 2009 - I can't for the life of me get any content to appear in javascript menu tab...

Bootstrap Login forms Layout Bootstrap Row Grid \| Bootstrap Modal Popup Form \| Bootstrap Jumbotron Header \| Bootstrap Multiselect Option \| Bootstrap Layout Jquery \|
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 \| Free AI Website Generator \| AI website design generator \| AI web page design generator