MyTabz – News

tested On  IE 6 pc Firefox PC PC works 9.x How to Use the Body section of your web page: Write your HTML code (see example bellow) the head section of your web page: define CSS for the tabs (you can use CSS from this example) include Prototype Library MyTabz include the plugin HTML < […]

tested On  IE 6 pc
Firefox PC
PC works 9.x
How to Use

the Body section of your web page:
Write your HTML code (see example bellow)
the head section of your web page:
define CSS for the tabs (you can use CSS from this example)
include Prototype Library
MyTabz include the plugin
HTML

< Div id = “accordion” > < div id = “T1” class = “my_tab” > < h5 class = “tab_title” > Tab 1 < / h5 > < p >

tab1: lorem ipsum dolor sit amet, consectetuer adipiscing elit. Clinical need foot. As throat pot. Till shooting. Recommended drink sales, but fears. Live bananas. However, my pain, diving but, but for convenience, manufacturing running approval. Tomorrow Laoreet drink. But the sad than what in the region. Till members. Integer sit amet diam vitae tellus iaculis tincidunt. Chat mauris sit this deductible but, antioxidants monitoring, pot. No programming or fear. Largest moms, graduated and developers said the price was zero temperature by running a bow or even now. However, laoreet it. Dolor congue vitae nibh. Maecenas eu ipsum feugiat iaculis or any other bed. Suspendisse a nisl neque consectetuer drink of life. , Whosoever shall not at all.
Live sauce, one element players expected, but the Reserved Reserved bananas, but a very ecological graduated in the refrigerator. Each entrance is always now. Now developer pool, football offset poverty ultricies, notebook and, very important. No developer graduated, it is sterilized, such as yeast and sorted by them. Lorem soccer pot, hydrogen may sit this protein is important, now. In fact, it was only at. Maecenas vitae. Sed pulvinar, nor hairstyle. Have any kind now. Eu now offset button. Integer diam just want convenience, Bureau needs to sit level. In order not now. Tomorrow dui Pakistan, where the author is important, but the author, chocolate chips, the lion. The goodies of the bed, a soft ut, molestie eget, dapibus ut, elit. Jasmine for bananas. Now bow lakes, pull makeup element of a set and energy. The refinancing. However, antioxidants clinical vehicles.
< / P > < / div > < div id = “T2” class = “my_tab” > < h5 class = “tab_title” > Tab 2 < / h5 > < p >

tab2: lorem ipsum dolor sit amet, consectetuer adipiscing elit. Clinical need foot. As throat pot. Till shooting. Recommended drink sales, but fears. Live bananas. However, my pain, diving but, but for convenience, manufacturing running approval. Tomorrow Laoreet drink. But the sad than what in the region. Till members. Integer sit amet diam vitae tellus iaculis tincidunt. Chat mauris sit this deductible but, antioxidants monitoring, pot. No programming or fear. Largest moms, graduated and developers said the price was zero temperature by running a bow or even now. However, laoreet it. Dolor congue vitae nibh. Maecenas eu ipsum feugiat iaculis or any other bed. Suspendisse a nisl neque consectetuer drink of life. , Whosoever shall not at all.
Live sauce, one element players expected, but the Reserved Reserved bananas, but a very ecological graduated in the refrigerator. Each entrance is always now. Now developer pool, football offset poverty ultricies, notebook and, very important. No developer graduated, it is sterilized, such as yeast and sorted by them. Lorem soccer pot, hydrogen may sit this protein is important, now. In fact, it was only at. Maecenas vitae. Sed pulvinar, nor hairstyle. Have any kind now. Eu now offset button. Integer diam just want convenience, Bureau needs to sit level. In order not now. Tomorrow dui Pakistan, where the author is important, but the author, chocolate chips, the lion. The goodies of the bed, a soft ut, molestie eget, dapibus ut, elit. Jasmine for bananas. Now bow lakes, pull makeup element of a set and energy. The refinancing. However, antioxidants clinical vehicles.
< / P > < / div >

.
.
.
.
< / Div >
Javascript

First, initialise Class. First argument ( ‘accordion’) is ID of div that contains all the tabs, second ( ‘div.my_tab) is div class of single tab.
For second argument is also valid format, “.my_tab ‘, or’ div # tabs div.my_tab ‘
var MyTabs = new mt ( ‘tabs’ , ‘div.my_tab’ ) ;
Now we can remove h5 elements, since we do not need them anymore …
MyTabs . removeTabTitles ( ‘h5.tab_title’ ) ;
Next, we add tabs. First parameter is ID of div that holds that tab, and is second title.

MyTabs . addTab ( ‘T1’ , ‘Tab 1’ ) ;
MyTabs . addTab ( ‘T2’ , ‘tab 2’ ) ;
MyTabs . addTab ( ‘T3’ , ‘tab 3’ ) ;
MyTabs . addTab ( ‘T4’ , ‘tab 4 – Long Title ” ) ;

Finaly, we activate the tab # 3;

MyTabs . makeActive ( ‘T3’ ) ;

Leave a Reply

Your email address will not be published. Required fields are marked *