The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Clickable tabs

View previous topic View next topic Go down

Solved Clickable tabs

Post by zola jesus on 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
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Clickable tabs

Post by zola jesus on 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
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Clickable tabs

Post by zola jesus on 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
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Clickable tabs

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

Hm, Display > Generalities along with my html

zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Clickable tabs

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


zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Clickable tabs

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

That's weird because it's here:

zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Clickable tabs

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

It works! Thanks a lot <3.

zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

View previous topic View next topic Back to top


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