The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Clickable tabs

Go down

Solved Clickable tabs

Post by zola jesus February 10th 2013, 5:47 pm

Hi, can enyone please tell me how to put a clickable tabs on forumotion? It simply doesn't work for me as I try to get to the second tab and anyother else besides the first one.


Last edited by zola jesus on February 15th 2013, 12:47 pm; edited 1 time in total
zola jesus
zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Clickable tabs

Post by zola jesus February 11th 2013, 12:22 pm

Code:
<script type='text/javascript'>
/* code written by kismet of RPG-Directory.com */
$(function(){ function selectTab(tab){ var i=1; while($('#tab'+i).length){ if(tab.attr('id')!=='tab'+i){ $('#tab'+i).removeClass('highlight'); $('#tab'+i+'-content').hide(); } else { tab.addClass('highlight'); $('#tab'+i+'-content').show(); } i++; }} $('#tab1').addClass('highlight'); $('.clickable').each(function(){ $(this).click(function(){ selectTab($(this)); });});});</script>
zola jesus
zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Clickable tabs

Post by zola jesus February 11th 2013, 1:03 pm

Code:
<div id="sidebar"><div style="height: 40px;"></div>

<center><div class="sidebarhumor"><div align="center"><ul id="tab-strip">
 <li id="tab1" class="clickable">one</li>
 <li id="tab2" class="clickable">two</li>
 <li id="tab3" class="clickable">three</li>
 <li id="tab4" class="clickable">four</li>
</ul></div><div id="tab1-content" class="tab-content"><div class="sidebarhumor1"><div class="gossip">
something

</div></div>

</div><div id="tab2-content" class="tab-content"><div class="sidebarhumor1"><div class="sidebarhumor2">
something2
</div>
</div><div id="tab3-content" class="tab-content"><div class="sidebarhumor1"><div class="gossip">

something3

</div></div>

</div>
  <div id="tab4-content" class="tab-content">
something4
</div>
  </div>
  </div></center></div>
zola jesus
zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Clickable tabs

Post by zola jesus February 11th 2013, 1:08 pm

Hm, Display > Generalities along with my html
zola jesus
zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Clickable tabs

Post by zola jesus February 11th 2013, 4:30 pm

zola jesus
zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Clickable tabs

Post by zola jesus February 15th 2013, 10:57 am

That's weird because it's here:
Clickable tabs 2iw7tjo
zola jesus
zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Clickable tabs

Post by zola jesus February 15th 2013, 12:45 pm

It works! Thanks a lot <3.
zola jesus
zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum