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], but you can download it to  on your site and point to it like this: Keep in mind that Yahoo! hosts YUI at their fast CDN (with another domain which might speed up downloads), does a very good job at enforcing the cache of these files and so on, plus they might be cached in users browser (because many people visit http://www.yahoo.com) already by the time he hits your servers. Don't think it's necessarily better for you to host it yourself.

$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.3 (July 2, 2008) - Fixed a bug with switchtablink using bogus $inout variable instead of $outout. Thanks for user report.
 * 0.6.2 (June 25, 2008) - Worked around MediaWiki bug that inserts  in front of switchlinktab.
 * 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

Support
The best way to seek help with this extension is to send your questions to our development google group

http://groups.google.com/group/semacomm-dev

extension maintainer and active users and contributors are on this list and will be able to help you.

Sites using this extension

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

Links

 * The Yahoo! User Interface Library (YUI)