Let's jump straight in and see the completed working example. Below we have three tabs. The third has a link to the first and demonstrates how we can activate tabs and link to them. This is discussed in section 3.
Tab control example using click to change tabs
Tab control example using mouseover/hover to change tabs
below is the basic format for the tabs.
To link to a tab and have the tab contents displayed and become the active tab use the seekToTab() function as below, there is a is demonstration of this in the working example above.
You can have as many tab controls appear on a page as required.Read section 2 carefully, and ensure the div outer wrapper classname is unique and create an additional call to initialsieDGTabs() for each control you create (see section 4 above), check that your dgtab_content dvs have unique ids and the anchors within the dgtabs UL have unique rel values.
Visit the blog archive »
dc wrote: 18 March 2015 11:41Hello
It is very helpful. But I ould not find the ccs. I would like to know where I can find "dgtbs.ss" for your
code to work perfectly.
dc wrote: 18 March 2015 11:36Hallo%2C%0A%0AIt%20is%20very%20helpful.%20But%20I%20could%20not%20find%20the%20css.%0A%0AI%20would%20like%20to%20know%20where%20I%20can%20find%20%22dgtabs.css%22%20for%20your%20code%20to%20work%20perfectly.%0A%0AThank%20you.%0A%0ADC%0A
web design wrote: 06 November 2014 09:05I like the post! It’s really informative.
Good job! :)
Stephen wrote: 14 December 2012 07:45nice%20job
Ant wrote: 04 October 2012 14:54Thanks for the great tips
Nguyen An Trung wrote: 29 September 2012 10:55get%20code
a wrote: 27 April 2012 11:57good
forex robots trading online wrote: 25 January 2012 23:58Thanks%20for%20the%20steps.great%20help%21
All sites include the powerful Dreamgenie web based online content management system (CMS) powering this site, giving you complete control over styling and content and enabling you to change anything anytime you wish.