Dhtml Tab Html Code Inside

Support

FAQ

Contacts

About Us

Recent Questions

I want to set up dhtml tab on my page, and have HTML code inside the tab, rather than have the tab be a link.

Return to Recent Questions

Q: I want to set up dhtml tab on my page, and have HTML code inside the tab,
rather than have the tab be a link.
I'm having trouble figuring this out. Can you help?
In other words, when a user clicks on a tab, I want a table to display below
the tabs instead of it being a link.

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:

Sep 26, 2006 - Is there a way to change the height of the main buttons in my simple dhtml menu.
Oct 27, 2006 - In IE 6.0 and Firefox 1.5.0.4, the submenus of my dhtml dropdown menu are not visible
Oct 30, 2006 - I don't see on my website dhtml mouseover menu that I saw on my local machine.
Nov 05, 2006 - The font color doesn't change when I roll over the dhtml side menu
Nov 14, 2006 - Can dhtml menu script work with tables ?
Nov 17, 2006 - How can I open a new window of a specific dimension in the dhtml toolbar?
Nov 23, 2006 - It is possible to have context menu work with your tree menu dhtml?
Dec 04, 2006 - With the licensed .js files of menu dhtml the status bar on IE shows "Error on page".
Dec 06, 2006 - Is using search engine friendly code the same as using normal html menu bar for spiders?
Dec 11, 2006 - How to add the new items to the dhtml vertical menu without using two data.js files?
Dec 14, 2006 - How to use a dhtml javascript menu item so that it opens a window at a certain size?

Best Website Builder for Digital Marketing Agencies, Travel Agencies, Interior Designs Best AI website generator and creator - create a website with AI. \| Best Website Builder for Education, Software Companies, Designers, Videos \| Best AI Website Builder - Create Website Design with AI \| Website Builder for Churches, Authors, Consultants, Magazines \| AI website builder and generator - AI-driven websites, limitless possibilities . \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	AI Website Builder \| Best AI Website Builder \| Free AI Website Generator \| AI web design generator \| AI web page design generator