Dhtml Tab Navigation Make Content Show

Support

FAQ

Contacts

About Us

Recent Questions

I am unable to make content show for each tab in the dhtml tab navigation?

Return to Recent Questions

Q: I am unable to make content show for each tab in the dhtml tab navigation.
I can make it open a new webpage, but that isnt what I want.
What I want is when the visitor clicks a tab, then content for
that tab shows, on the same page, and the tab menu still there.

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 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:

Nov 14, 2006 - Can dhtml menu script work with tables ?
Dec 04, 2006 - With the licensed .js files of menu dhtml the status bar on IE shows "Error on page".
Jan 23, 2007 - Can I keep a submenu shown even when my mouse pointer is NOT over dhtml menu bar
Jan 28, 2007 - I wonder how I can reduce the width of the expanding menu javascript?
March 08, 2007 - Which file(s) I must change to change the content of each tab in the tabs dhtml?
March 20, 2007 - Is there a way to set the default java tab showing on a page load?
May 02, 2007 - Is there any way can we display sublevel menu items on mouse over in dhtml tab menu
May 06, 2007 - Sub-menus appear away for the menu/ dhtml navigation bar.
May 11, 2007 - We are showing the "incorrect copyright" on our dhtml drop down menu
May 18, 2007 - What I try to make is a menu dhtml with items having a border of only 1 px
May 20, 2007 - Is there any way through script to call the function in dhtml tabbed menu?

Top Mindblowing HTML Image Slideshow Ideas Bootstrap Buttons Group \| Bootstrap Alert Colors \| Bootstrap Pagination Responsive \| Best 18 Landing Page Bootstrap Theme Roundup \| Bootstrap Table Template \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	Best AI Website Builder \| AI Website Builder \| AI Website Maker \| AI Website Generator \| AI web page design generator