vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)
-   -   class="active" on <li> (https://vborg.vbsupport.ru/showthread.php?t=119298)

GriZzm0 06-21-2006 09:59 PM

class="active" on <li>
 
This is not really a "How do I?" thread. Its more like a "Is it possible?" thread. :p
Anyhow.

I got a site with "tabs" at the top. Like the tabs on vbulletin.org. (home, forum, mods ad chat). The thing is that I want class="active" on the forum <li> when I'm viewing the forum. and class=active on the home <li> when I view home. etc etc.
Is this possible with vB? Or do I need to code something myself? Or maybe there already is a code for it which I've missed?

tgreer 06-21-2006 10:07 PM

Some JavaScript would work. Are you a JS coder? The idea is to add "onclick=" to each of your tabs. Set it to a JavaScript function:

onclick=myFunction(this.id);

Your function now knows the id of the tab you clicked. The function would switch the "style" or "class" of that tag to "active", and to all the others to "inactive".

Voila!

GriZzm0 06-21-2006 10:10 PM

Quote:

Originally Posted by tgreer
Some JavaScript would work. Are you a JS coder? The idea is to add "onclick=" to each of your tabs. Set it to a JavaScript function:

onclick=myFunction(this.id);

Your function now knows the id of the tab you clicked. The function would switch the "style" or "class" of that tag to "active", and to all the others to "inactive".

Voila!

Well, the tabs are reloaded with the whole page each time you press on a link. So that wouldn't really work.
And no, I'm not a javascript coder.


All times are GMT. The time now is 05:38 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01630 seconds
  • Memory Usage 1,712KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (3)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete