Extension talk:Tabber

From MediaWiki.org
Jump to: navigation, search
Please see Extension:Header Tabs a far superior tab extension.

Summary notes does not display[edit | edit source]

First, thanks for the awesome tabber extension.

My concern here is that some wikis I contribute to elsewhere have recently switched from long page formats to utilizing Tabber. This unfortunately prevents the Summary from displaying on the Activity Feed page, so on long pages with many sections it is difficult to find the exact location without the automatic Summary addition. Can this be fixed? 98.151.4.197 23:12, 26 August 2012 (UTC)

Thank you for this excellent extension! :D[edit | edit source]

It does just what I wanted, and more.
I like that you can put anything in a tab, yes: anything. Kudos. --Jacmoe 18:03, 25 April 2009 (UTC)


thanks for the feedback! --Kenyu73 00:08, 26 April 2009 (UTC)

error msg Undefined variable: htmlTabs[edit | edit source]

Undefined variable: htmlTabs in ... on line 34

did you test this in different browsers? - just curious. Thinking of putting it on a public site.

Thanks! Evgeny Fadeev 23:48, 26 April 2009 (UTC)

I think this is a warning, not an error correct? I didn't really go though and initialize the variables so trivial could pop up. I'll clean this up on the next release package though.


Encountered the same problem. Fixed it by defining htmlTabs as nothing. Here's the code:
<?php

# Credits       
$wgExtensionCredits['parserhook'][] = array(
    'name'=>'Tabber',
    'author'=>'Eric Fortin',
    'url'=>'http://www.mediawiki.org/wiki/Extension:Tabber',
    'description'=>'Create tabs that contain wiki compatible based data',
    'version'=>'1.0'
);

$wgExtensionFunctions[] = "wfTabber";


// function adds the wiki extension
function wfTabber() {
    global $wgParser;
    $wgParser->setHook( "tabber", "renderTabber" );
}

function renderTabber( $paramstring, $params = array() ){
        global $wgParser, $wgScriptPath;
        $wgParser->disableCache();
        
        $path = $wgScriptPath . '/extensions/tabber/';

        $htmlHeader = '<script type="text/javascript" src="'.$path.'tabber.js"></script>'
                . '<link rel="stylesheet" href="'.$path.'tabber.css" TYPE="text/css" MEDIA="screen">'
                . '<div class="tabber">';
                
        $htmlFooter = '</div>';
        
        $htmlTabs = '';

        $arr = explode("|-|", $paramstring);
        foreach($arr as $tab){
                $htmlTabs .= buildTab($tab);
        }

        return $htmlHeader . $htmlTabs . $htmlFooter;
}

function buildTab($tab){
        global $wgParser;
        
        if( trim($tab) == '' ) return '';
        
        $arr = split("=",$tab);
        $tabName = array_shift( $arr );
        $tabBody = $wgParser->recursiveTagParse( implode("=",$arr) );
        
        $tab = '<div class="tabbertab" title='.$tabName.'>'
                . '<p>'.$tabBody.'</p>'
                . '</div>';

        return $tab;
}

edit section links within tabs don't work[edit | edit source]

I'm getting a message like this when I click on edit tab:

You tried to edit a section that doesn't exist. Since there is no section 2, there's no place to save your edit. Evgeny Fadeev 23:53, 26 April 2009 (UTC)

I may have to add __NOEDITSECTION__ to the page to remove the section edits. I remember having the same issue with my presentation extension too. I'm not sure if they're really compatible in this manner. I'll dig a bit deeper though.
same error:
Cannot find section
You tried to edit a section that does not exist. It may have been moved or deleted while you were viewing the page.
Return to Generator.
I added __NOEDITSECTION__ in between the <tabber> </tabber> tags and the section edit buttons disappeared. Igottheconch 20:49, 22 March 2011 (UTC)

Is there a way to make the edit section links work, rather than just disable them?

tab wrapping[edit | edit source]

when I make browser window narrower then width of combined tabs, vertical spacing of tabs appears less then their height. so they are right on top of each other

Evgeny Fadeev 23:58, 26 April 2009 (UTC)

I knew about this issue, but I'm not really sure currently how to fix that one. JavaScript doesn't have a "NOWRAP" like HTML (=. I haven't done much in the original authors JavaScript code so I'll have to walk though it.

behavior switch magic word[edit | edit source]

Do you think it would be nicer to have a magic word like:

__TABSECTIONS__

and have tabs generated from the section structure? maybe it might be possible to do it through javascript alone.

Cheers, Evgeny. Evgeny Fadeev 00:03, 27 April 2009 (UTC)

paragraphs glued[edit | edit source]

the extension seems to cause consecutive paragraphs to be combined into one.

makes text harder to read.

Evgeny Fadeev 00:27, 27 April 2009 (UTC)

This one is interesting... dunno why its removing the extra whitespace. It shouldn't?!? I'll have to debug that one for sure! As a workaround, use <br> tags.
reason
a problem with <p> tags

Tabber Version 1.01

Workaround: Wrap your first or second paragraph in <p>paragraph tags</p>, and all of your paragraphs will be fine.

Problem:

<tabber>
tab1=
paragraph1

paragraph2
</tabber>

The paragraphs are combined because the extension adds a <p> in fornt and a </p> in back, so that the final HTML is

<p>
paragraph1

paragraph2
</p>

So that's why the paragraphs seem to stick together.

If I wrap one of the paragraphs in <p> tags, everything is fine:

<tabber>
tab1=
paragraph1

<p>paragraph2</p>
</tabber>

becomes

<p>
paragraph1

</p><p>paragraph2</p>

--mendel 15:11, 15 July 2010 (UTC)

Thanks for posting the issues you found. I have though of using sections, but that would limit the tabs to the page level (ie: wouldn't be able to add tabs to a table that contains links and such). I'll see what I can do about the other bugs you've mentioned too.
Thanks! Eric
Hi Eric.
Take a look at this: http://www.bennadel.com/index.cfm?dax=blog:1563.view
maybe it's possible to mark up tabs with html comments, then have js build the tabs in browser?
That way everything would work normally even if javascript is off.
Evgeny Fadeev 17:51, 27 April 2009 (UTC)

Auto Rotate[edit | edit source]

It would be nice to have an auto rotate from Tab to Tab so that it can function like a featured content box as well. Anyone know how to do this? please e-mail me: kdanko@finestationery.com

Favourite Tab[edit | edit source]

I'm using this extension on my main page and it would be really neat to be able to mark one tab as my favourite tab, to be automatically selected when I go to the wiki! Generally, I'm finding that most users use just one of the tabs most of the time, so I guess it would be a user-specific setting. Anyone have any ideas of how this could be achieved?

Problem space in the tabs[edit | edit source]

Hello,

I can not put as many words as a tab. How to save 2 or 3 words in a tab?

Thank you


If you want to give a tab a name that contains a space (for example, My Tab), you need to put double quotes around the tab name:

<tabber>
 "My Tab"=My tab contents.
</tabber>

--79.141.36.39 10:43, 14 September 2009 (UTC)

Using &nbsp; instead of spaces should work also. It also should prevent tab name wrapping, I think. --63.175.18.130 18:29, 2 December 2010 (UTC)

Tabber with templates[edit | edit source]

Is there a way to use tabber with mediawiki Templates? Tabber doesn't seem to be able to interpret the parameters being passed to it. Any hints on how to make this work or am I just SOL? :)

<tabber>
{{sometemplate}}={{:Main_Page}}
|-|
{{{tab2|A Tab}}}=Text here
|-|
{{{tab3|Another Tab}}}={{:User:Tromo}}
</tabber>

Thanks, --Cforrest 22:11, 1 October 2009 (UTC)

Any template variable I try tu use inside the <tabber> doesn't seem to get expanded. I wrote a mail to the author about this, maybe he finds the time to change it.
Marcus 80.171.52.229 08:27, 4 October 2009 (UTC)
Solution

The problem is caused by MediaWiki; it doesn't expand templates and template variables inside extension tags. Use the #tag magic word to circumvent this:

{{#tag:tabber|
"{{MediaWiki:tagline}}"={{{1|expands}}}
}}
<tabber>
"{{MediaWiki:tagline}}"={{{1|does not expand}}}
</tabber>

--mendel 15:26, 15 July 2010 (UTC)

Header[edit | edit source]

Header (second level: ==header== seems not to work if I {{:include} an article in a tab. I see the chapter in the table of contents and in the article itself, but not in the included articel-Bert

Parametres[edit | edit source]

Someone know how to use parametres in tabber? I cannot make him understand it. When I use some parametres, it just repeats it's name. Example:

<tabber>
Example={{{1}}}
|-|
Example2={{{2}}}
</tabber>

How to make it "understand" that variables? 85.89.189.241 16:55, 6 December 2009 (UTC)

See above, Extension_talk:Tabber#Solution. --mendel 15:29, 15 July 2010 (UTC)

Incorrectly handles alignment[edit | edit source]

  • E.g. this would be displayed fine:
<tabber>
 tab1=[[Image.01.png]]
|-|
 tab2=[[Image.02.png]]
</tabber>
  • BUT if you try to align images:
<tabber>
 tab1=[[Image.01.png|left]]
|-|
 tab2=[[Image.02.png|right]]
</tabber>

tab borders appear as containing no text or images (one empty line), although tabs can be switched and tab data changes according to tabs you click.

  • When aligning images, tabs' height seems to depend on the amount of text only, because if you enter something like this:
<tabber>
 tab1=Some text [[Image.01.png|left]]
|-|
 tab2=Some other text [[Image.02.png|right]]
</tabber>

the image will fit the tab only if there's enough text to provide for the tab's height.

Floating images[edit | edit source]

The problem is that the images float. The solution would be for the developer to add some tag with clear:both; to end of the tabbertab div. (You could probably kludge that with some site javascript.)

Fortunately, there is a simple workaround: add the tag yourself. If you're using a {{clear}} template on your wiki, that will do fine.

Examples:

<tabber>
tab1=[[File:Wiki.png|left]]
<p style="clear:both;" />
</tabber>
<tabber>
tab1=[[File:Wiki.png|left]]
{{clear}}
</tabber>

--mendel 15:51, 15 July 2010 (UTC)

Cannot have tables in tabs[edit | edit source]

Hi, this is a great extension, but I'm having an issue where if a tab has a table in it, then it all just breaks! Also doesn't work if used within a template. Has anyone got this working with tables and templates?
Thanks!
mitchelln 11:55, 26 January 2010 (UTC)


re I'm using tabber with table-Templates and TableEdit Extension. No issues so far!

Issues with headers[edit | edit source]

I'm having a similar problem to the user above who couldn't get ==header== to work. If I include headers in a tab, the header itself doesn't appear but the rest of the text is formatted fine. If I don't include at least one, I get the running together of paragraphs that Evgeny Fadeev mentioned above. Other than that the extension is fantastic!

h2 and h3 headers disabled in tabber.css[edit | edit source]

tabber.css disables these headers by default; the culprits are the follwing lines near the end:

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

Workarounds: (use either)

  1. (preferred): have a site admin delete these lines from the tabber.css in the installed extension
  2. override the formatting by having a sysop add the following line to MediaWiki:common.css:
    .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; }
  3. use =level1= or ====level 4==== headers instead.

--mendel 16:06, 15 July 2010 (UTC)

nested tabber[edit | edit source]

how to use a taaber iside another tabber?

follow the easy steps as below and find the solution : step 1 : Extension:tabber should installed in your wiki Step 2: add the below code to your page where you want to use the nested tabber

<tabber>
First Tab = 
Example Text 1
{{#tag:tabber|
Inner Tab 1 = 
Example Text 3
{{!}}-{{!}}
Inner Tab 2 = 
Example Text 4
}}
|-|
Second Tab =
Example Text 2
</tabber>

--Rishi.comm 11:44, 21 October 2011 (UTC)

How to refer to tab page[edit | edit source]

I would like to link to an article, described in a tab page. How should I define the link ? The only address I see is the address of the page, containing the tabber. When I manually choose a tab-page from the tabber, the URL of that page is the same, so apparently it is not possible to link directly to the tab-page by using a unique URL. Tried linking to it using section reference, but that doesn't work either.

--83.85.117.14 13:24, 12 April 2010 (UTC)

Found a solution: editing the tab-page gives you the URL of that page, which you can then use in the link. Don't know if this is the "official" solution, but at least it is one that works

Yes, it would be great if a future version of tabber could parse the URL to find if any of the tab names are used as #anchor, and open that. --mendel 16:10, 15 July 2010 (UTC)
Agree, that would be super cool Tsx11 04:46, 20 July 2010 (UTC)

Tabber prevents headers from showing[edit | edit source]

Pages containing Tabber display the headers wrongly. Only the first level used is displayed, all the other levels are ignored. They only show up, when you edit the page (so effectively the Tabber is gone) This makes pages containing a tabber rather unreadable.

Very good!

Thanks! Grat job! Congrats author.

Congratulations to author, you are a genius. 201.89.152.134 06:02, 5 June 2010 (UTC)

Only level 2 and level 3 headers are affected. See Extension_talk:Tabber#h2_and_h3_headers_disabled_in_tabber.css above for a solution/workaround. --mendel 16:12, 15 July 2010 (UTC)

More Tabs not correctly break[edit | edit source]

hello there. how can i break the tabs?
it looks not good if i do something like this: http://img94.imageshack.us/img94/416/tabsz.jpg can someone help?
[Prof.Liebstrumpf] 13:13, 30 June 2010 (UTC)

I can't get them to break like that at all, what wiki are you on? Can you link me to your page? --mendel 16:43, 15 July 2010 (UTC)
I tested on MediaWiki v1.15.3. (localhost). The other version is v1.15.1 and have same probs.

Link to the Testside: http://www.wonderkingwiki.de/index.php?title=Monster
I think its not breaking correctly because i wrote the tabs in " " [Prof.Liebstrumpf]

Extension broken in 1.15.4?[edit | edit source]

Hi,

I am in the process of migrating a wiki to a new setup (details below). I have tabbed pages using v1.0 of this extension working on the 1.15.1 wiki, but when I transfer them to the 1.15.4 wiki (also using v1.0 of the extension), the tabs are no longer functional and I see the text from all the tabs on the one page.

(I am aware the Apache and MySQL versions are a slight downgrade - I'm trying to keep to versions that will definitely work with my Linux kernel version)

Current server New server
Windows (XP-SP3) Linux (SUSE-11.1)
Apache 2.2 Apache 2.0
MySQL 5.1.30 MySQL 5.0.67
PHP 5.2.8 PHP 5.2.13
Mediawiki 1.15.1 Mediawiki 1.15.4

Has anyone else experienced this problem? Has a code change broken this extension somehow? Or is there some other reason based on my new setup?

AerosAtar 15:23, 24 July 2010 (UTC)

I am having the same problem.
Product         Version
MediaWiki       1.15.5 (r77381)
PHP     5.3.2-1ubuntu4.5 (apache2handler)
MySQL   5.1.41-3ubuntu12.7

WIKIA WORKS

Wikia fixed this problem though:

MediaWiki       1.15.5
Wikia   releases/20101129 (code r31083, configuration r26289)
PHP     5.2.10-2ubuntu6.5 (apache2handler)
MySQL   5.0.91-b22.lucid.0-log



Tabber broke when wikia got their abhorrent new wikia/oasis skin. See the discussion here:

http://community.wikia.com/wiki/Forum%3ATabber_bug_suddenly_appeared%3F

Here is the solution they used:

http://trac.wikia-code.com/changeset/30027

Here is the file:

http://trac.wikia-code.com/browser/wikia/releases/20101115/extensions/3rdparty/tabber/tabber.js?rev=30027

Adamtheclown 21:53, 9 December 2010 (UTC)

In trac.wikia-code.com, click the plain text button on the bottom of the page to download the file.
I replaced tabber.js with the new wikia tabber.js and nothing happened. I used ?action=purge and it did not work. Adamtheclown 22:13, 9 December 2010 (UTC)
I then replaced all three files with the wikia files, and it still did not work:
http://trac.wikia-code.com/browser/wikia/releases/20101115/extensions/3rdparty/tabber?rev=30027
Adamtheclown 22:19, 9 December 2010 (UTC)
version from 12 months ago which worked on wikia 15.4 or 15.5:
Tabber still does not work, even when purging the pages. Adamtheclown 22:31, 9 December 2010 (UTC)
Other sites have tabber without an extension, for example:
n:en:User:Bawolff/sandbox/tabs
Coding at n:en:MediaWiki:Common.js and n:en:MediaWiki:Common.css
n:en:User talk:Bawolff/archives/4#Main page design
Some wikia sites also. Adamtheclown 22:44, 9 December 2010 (UTC)
Wow, I'm amazed you actually found the tabber stuff on wikinews. Especially that subpage, I didn't even remember it existed. Bawolff 23:54, 9 December 2010 (UTC)
Google. :) Found your talk page archive when searching for tabber. Adamtheclown 04:23, 10 December 2010 (UTC)

Tabber works for 1.16: http://gyazo.com/d03689b40813ee7187af7c9a9f04c264.png Bawolff's extension works too on 1.16 only, but not on 1.15.5:

http://gyazo.com/a0731fbd20ff3dcf19239e8fcab3a7a1.png

I added the following, copying and pasting these pages from Wikinews:

User:Trav/monobook.js (my user name)
User:Trav/sandbox/tabs (my user name)
User:Bawolff/tabber.js
MediaWiki:Common.css ‎
MediaWiki:Common.js
MediaWiki:NavigationTabs.js ‎

So it appears like tabber does not work for 15.4 and 15.5

...but works for 1.16 and according to AerosAtar 1.15.1.

Adamtheclown 04:23, 10 December 2010 (UTC)

screen shot of failing to get tabber to work on 1.15.4: http://gyazo.com/ccdd9d1f9ac0e400332f4d3934f9bc2f.png Adamtheclown 05:25, 10 December 2010 (UTC)

Tabber extension and Bawolff's wikinews tabs work in 1.15.4 and 1.15.5[edit | edit source]

I refreshed the page (ctrl+r), and Bawolff's tabs worked in

1.15.4: http://gyazo.com/08aff4a1e739739d9d2a90ad3b5193d1.png and
1.15.5: http://gyazo.com/e176b871216e8df87fbd12acaccca8e6.png Adamtheclown 05:27, 10 December 2010 (UTC)
Refreshed pages with tabber on mediawiki 1.15.5: http://gyazo.com/38a5a2b328b0949289f6ee3fadc3c5c4.png it works too. Adamtheclown 05:34, 10 December 2010 (UTC)

Fix for 1.15.4 and 1.15.5[edit | edit source]

Adding a portion of MediaWiki:Common.js and MediaWiki:Common.css tabber code from wikinews makes this tabber extension work in 1.15.4 and 1.15.5 on all pages on your wiki. The other pages listed above are unneeded.

Here is the mediawiki:monobook.js I took from wikinews which allowed the extension to work.

Note that some of the code above the tabber section in mediawiki:monobook.js is required to make this extension work. I removed a lot of the coding not needed but not all of it.

Adamtheclown 16:32, 10 December 2010 (UTC)

Revision dates not correct[edit | edit source]

Hi,

I would like to add a revision date to my pages. I am using the Magic Words Revisionxxxx for that and on each individual page this is working fine. However, when I combine all these pages using Tabber, then the revision date shown in each tab is not the date of that page, but of the main page, containing the Tabber statements.

<tabber>
{{:somepage}} <-- I want the revision date of this page and not the one of the page containing the tabber statements
|-|
</tabber>

Is there a way to get the actual revision date of the article in the tab-page ? --Hadouma 08:27, 29 July 2010 (UTC)

Template parameter doesn't work with tabber[edit | edit source]

Hello. I want to use tabber in my template. Using the structure

{{#tag:tabber|
Tab1={{{1|}}}
|-|
Tab2={{{2|}}}
}}

I have only one tab. When I'm trying to make more tabs, they are not shown. Why? Is it a bug or I did something wrong?

--Tarasius.ua 12:02, 5 August 2010 (UTC)

Same here. If I have two Tabs, only first shows up. 85.89.162.235 23:38, 22 August 2010 (UTC)

Try:

{{#tag:tabber|
Tab1={{{1|}}}
{{!}}-{{!}}
Tab2={{{2|}}}
}}

--Fandyllic 16:41, 26 August 2010 (UTC)

TOC display not correct[edit | edit source]

When I use a Table of Contents in a tab-page, the first line in the TOC box says

Content [view] [view] [view] [view] [view]

Clicking the first [view], shows the TOC allright, and the first [view] changes to [hide], the other four remain [view]

When I edit the tab-page and the page shows without the tabber, the TOC is as it should be


--Hadouma 07:47, 6 August 2010 (UTC)

instructions for installation[edit | edit source]

for an extension that is used on so many websites, the installation instructions section is absolutely terrible. where do the zipped files go? Adamtheclown 06:19, 15 November 2010 (UTC)

tabber[edit | edit source]

XSS fix[edit | edit source]

Replace the buildTab function with:

function buildTab($tab){
	global $wgParser;
 
	if( trim($tab) == '' ) return '';
 
	$arr = split("=",$tab);
	$tabName = array_shift( $arr );
	$tabBody = $wgParser->recursiveTagParse( implode("=",$arr) );
 
	$tab = '<div class="tabbertab" title="'.htmlspecialchars($tabName).'">'
		. '<p>'.$tabBody.'</p>'
		. '</div>';
 
	return $tab;
}

This sanitizes the tabs.

Frozen Wind 18:44, 23 December 2010 (UTC) -- amended, see below

htmlspecialchars is important, but $tabBody is actually already safe. So the above causes double escaping on the tab body (Which is not a security vulnrability, but certainly not a good thing) and doesn't fix the issue. However you were on the right track. The recursiveTagParser outputs safe html, so you don't need to escape that. It's the tab titles ($tabName) where the problem is. What you need to do is replace the function with:
function buildTab($tab){
 
	global $wgParser;
 
	if( trim($tab) == '' ) return '';
 
	$arr = split("=",$tab);
	$tabName = array_shift( $arr );
	$tabBody = $wgParser->recursiveTagParse( implode("=",$arr) );
 
	$tab = '<div class="tabbertab" title="'.htmlspecialchars($tabName).'">'
		. '<p>'.$tabBody.'</p>'
		. '</div>';
 
	return $tab;
}

(note, there is two differences: the htmlspecialchars difference, as well as adding the two double quotes. Both are important). This also fixes the related issue of tab titles not allowing spaces in them. Bawolff 04:56, 24 December 2010 (UTC)

The solution for: „Function split() is deprecated“[edit | edit source]

The function split() is deprecated in PHP 5.3.x.
So I’ve rewritten the source code in tabber.php:

Please use the script below.

Good luck, SVG 13:15, 9 April 2011 (UTC)

With the vulnerability fix from above included, this becomes:


<?php
 
# Credits	
$wgExtensionCredits['parserhook'][] = array(
    'name'=>'Tabber',
    'author'=>'Eric Fortin',
    'url'=>'http://www.mediawiki.org/wiki/Extension:Tabber',
    'description'=>'Create tabs that contain wiki compatible based data',
    'version'=>'1.2'
);
 
$wgExtensionFunctions[] = "wfTabber";
 
// function adds the wiki extension
function wfTabber() {
    global $wgParser;
    $wgParser->setHook( "tabber", "renderTabber" );
}
 
function renderTabber( $paramstring, $params = array() ){
	global $wgParser, $wgScriptPath;
	$wgParser->disableCache();
 
	$path = $wgScriptPath . '/extensions/tabber/';
 
	$htmlHeader = '<script type="text/javascript" src="'.$path.'tabber.js"></script>'
		. '<link rel="stylesheet" href="'.$path.'tabber.css" TYPE="text/css" MEDIA="screen">'
		. '<div class="tabber">';
 
	$htmlFooter = '</div>';
 
	$htmlTabs = '';
 
	$arr = explode("|-|", $paramstring);
	foreach($arr as $tab){
		$htmlTabs .= buildTab($tab);
	}
 
	return $htmlHeader . $htmlTabs . $htmlFooter;
}
 
function buildTab($tab){
	global $wgParser;
 
	if( trim($tab) == '' ) return '';
 
	$arr = preg_split("/=/",$tab);
	$tabName = array_shift( $arr );
	$tabBody = $wgParser->recursiveTagParse( implode("=",$arr) );
 
	$tab = '<div class="tabbertab" title="'.htmlspecialchars($tabName).'">'
		. '<p>'.$tabBody.'</p>'
		. '</div>';
 
	return $tab;
}

Compatibilty issues with MW 1.17[edit | edit source]

It seem it would not work on my MW 1.17,even with the new code above

MediaWiki 1.17.0 PHP 5.3.5-1ubuntu7.2 (apache2handler) MySQL 5.1.54-1ubuntu4

--Msevero 23:43, 18 July 2011 (UTC)

Works for me.
MediaWiki 1.17.0
PHP 5.3.8 (apache2handler)
MySQL 5.1.56-log
-- 12.117.176.190 22:05, 31 August 2011 (UTC)

Use my fixed code above. Then it should be work. SVG 17:21, 15 September 2011 (UTC)

I got it working by copying the js.code to the mediawiki.js and of course by using your code thanks for the reply. --Msevero 08:10, 22 September 2011 (UTC)

There is a problem with including tabber.js in 1.17, I know. On my wiki I added the JavaScript to my MediaWiki:Common.js. I'll look to fix this bug and want to add this extension to Wikimedia's SVN for stable release. SVG 14:47, 16 October 2011 (UTC)

Use jQuery Instead[edit | edit source]

If you are using Mediawiki 1.17 or above, it is probably easier and faster to use jQuery to implement tabs instead of this extension.

--FlyingRagnar 02:09, 29 October 2011 (UTC)

Does one simply use the Javascript on one of their respective JS pages, to implement what you are recommending? Bud0011 01:19, 8 February 2012 (UTC).

Help[edit | edit source]

It doesn't work for me on my Wikia profile - It results in the below (shown with 2 tabs):

  • Tab 1 name
  • Tab 2 name

Tab 1 content
Tab 2 content

193.63.86.28 18:40, 4 December 2011 (UTC)

Edit buttons work with Extension:Livelets[edit | edit source]

What really bothered about this extension is how the edit links [edit] had to be supressed with:

__NOEDITSECTION__ <!--this removes the edit links in article which do not work with tabber -->

because [edit] no longer worked with this extension.

But if you install Extension:Livelets and put a livelet inside the tabber coding, you can once again edit the page and keep the [edit] link. Example:

<tabber>
 Hotel  =
{{#live: {{Template:Hotel Bungalows}} }}
|-|
Diamond  =
[[ File:Dead_island_Diamond_Bungalows.jpg|230px|right]]
[[Diamond Bungalows District]]
</tabber>

Igottheconch 19:10, 16 December 2011 (UTC)

Tabs Jumping Around?[edit | edit source]

When I first load my pages, the tabs are all completely expanded and then retract. Is there a way to stop this? Perhaps having the first tab in each section show by default, and hide the rest until they're clicked on?

Thank you!


TAB MISMATCH[edit | edit source]

Each of the TABS are opposite of its content if you view it under Linux or windows they are not working the same. Have not looked into it further for a IE /firefox hack , just started using the PREVNEXT templates instead.

TabberHeader Suggestions[edit | edit source]

Here's some suggestions that might be intressting to implement:


Header Tabs

  • -=headertab1=- ; -==headertab2==- ; -===headertab3===-
  • <h1tab class=”...” style=”...”></h1tab><h2tab style=”...”></h2tab><h3tab style=”...”></h3tab>
  • Links: [[pagename#headertab1]] [[pagename#headertab2]] [[pagename#headertab3]]

Other ideas:

  • +=headercollapsed=+ (collapsible collapsed header)
  • +=headercollapsed=- (collapsible header)
  • _=headernav=_ (navigation header: automaticly will be last header of the page)

displayheader (an header that load the content from another header on another page, when you press on edit you will edit the header) you can give it an name. Default the headername will be displayed as headername:

  • <nowiki:=pagename#header|name=:</nowiki>

in combination:

  • +:=pagename#header=:+
  • +:=pagename#header=:-
  • _:=pagename#header=:_
  • -:=pagename#header=:-


last suggestion is able to hide the edit buttom for 1 header:

  • =header|edit=”hidden”=

In-line style editing[edit | edit source]

It would be nice if this extension could be extended to allow for in-line editing for the style. Such as <tabber style="blahblah">. In particular, changing the tabs themselves - since the content can easily be manipulated simply by placing a div within the tab-content.

With my crude knowledge of CCS, I have not yet found a way to change the style of "li".

82.33.10.37 20:56, 26 February 2013 (UTC)

HTML Special Char's ISSUE![edit | edit source]

It removes the users ability to define the tab style and use of an image as required and just forces text.
Could someone re-script it to purge all but <div > </div>, <span ></span> and <br />
and then remove the rest of the html special chars after.

Maybe code it to replace: <div or <span with ','div or ','span
<div> or <span> with ','div'.' or ','span'.'
</div> or </span> with ','/div'.' or ','/span'.'
And finally, "> with "'.' or similar...

Then remove the remaining html special chars and revert the above.

This way div's, span's, images and line breaks would then be useable in the tab titles.

Thanks, 109.158.191.148 21:56, 3 March 2013 (UTC)

hover text incorrect[edit | edit source]

When hovering over a tab, the text placement is incorrect. I'd upload an image, but I'm not confirmed yet. Anyways, the hover text displays an erroneous <br /> before the text, which leaves an empty line.

For example, if a tab reads "tab1", then the hover text will look like:


tab1

Happypal (talk) 10:30, 20 May 2013 (UTC)

No tabs in mediawiki 1.192[edit | edit source]

Instead of tabs i get a text WITHOUT tabs (cavendish skin) <tabber>

tab1=Some neat text here

|-|

tab2=
Google
Cnn

|-|

tab3=Template:SomeTemplate

</tabber> ............. Result : (i must remove the spaces before the lines additionally...


Some neat text here

Google Cnn

Vorlage:SomeTemplate


On mediawiki 1.21 everything is ok with the same skin The new tabber.php for php 5.3 does not help ! (it seems not to work on this Mediawiki either)

another issue found[edit | edit source]

If you use Reflist instead of <references/> then it shows at the bottom screen that there are no references. 71.191.184.246 03:15, 23 June 2013 (UTC)

Superior extension[edit | edit source]

Please see Extension:Header Tabs a far superior tab extension. Igottheconch (talk) 04:50, 30 July 2013 (UTC)

Tabs line breaks glitch[edit | edit source]

I think I found a line break glitch. If the tabs do not fit on one line, the line break may leave a little part of the tab on the first line and the rest of the tab and the next line. Expected behaviour: Line break between tabs, not within a tab.

Please see http://dcuniverseonline.wikia.com/wiki/Ursa_%28Vendor%29 for an example.

213.73.119.64 02:38, 15 August 2013 (UTC)