Extension:Header Tabs

This extension transforms top-level MediaWiki headers into tabs using Yahoo! YUI library.

It was originally developed for Ardorado.com and maintained by Semantic Communities LLC.

Usage
To enable tabs on a page after you installed the extension, you need to add tag into the page in place where the last tab should end (everything below this tag will be shown under the tab view. Most of the times though, you'll want to put it at the bottom of the page.

In addition to that, page should have top level headers defined in it like this: = Header title =

To allow users to switch to specific tab by just clicking a link on the page (in another tab or outside tab view), you can call  parser function like this:

This will create a link that opens a tab with "Header Text" title, the text of the link will say "Link Text".

Semantic MediaWiki factbox
In addition to user-defined tabs, Header Tabs converts Semantic MediaWiki factbox into a tab and adds it as a last tab in tab view.

Example
Some text above the tab view

= First section header = This will be displayed on first tab

= Second section header = This will be displayed on second tab

= Third section header = This will be always displayed under the tab view because it's below  tag.

Header titles get automatically converted into tab titles.

Installing from SVN
To get code from Subversion, just type svn checkout http://mediawiki-header-tabs.googlecode.com/svn/trunk/ HeaderTabs

Installation
Download the code into  folder. Note: $IP stands for the root directory of your MediaWiki installation, the same directory that holds LocalSettings.php.

Add the following to LocalSettings.php:

Skin modification
If you want to override YUI skin, feel free to modify your skin and assign skin class (e.g. ) to   tag. See YUI skinning documentation for more details.

$htYUIBase
variable defines path to the YUI installation, by default it uses [http://developer.yahoo.com/yui/articles/hosting/ YUI hosted on Yahoo! servers].

$htUseHistory
variable defines if tab navigation should be tracked within the URL updating the hash value, by default history is used.

Known issues

 * Table of contents doesn't make much sense when tabs are used. Right now you can disable it with . Later versions might force this.

CHANGES

 * 0.6.1 (June 20, 2008) - Fixed a problem with IE7 opening CSS files loaded withing iframe in source viewer - now I use blank HTML file instead
 * 0.6 (May 9, 2008) - Added  parser function
 * 0.5 (May 5, 2008) - Upgraded to YUI version 2.5.1 which has History module in production, not beta
 * 0.4 (April 8, 2008) - Rolled back 0.2 changes because of some weird problem with cache. Not loading history JS library if  is set to
 * 0.3 (April 8, 2008) - Now History can be disabled using  variable (true by default)
 * 0.2 (April 8, 2008) - All JS and CSS are inserted only when page has tabs
 * 0.1 (March 20, 2008) - Initial public release

Sites using this extension

 * Ardorado.com
 * BioVenturist.com
 * Cause Caller Wiki
 * The Music Snob
 * The Seventh Sun Wiki

Links

 * The Yahoo! User Interface Library (YUI)