User:Paxed/SimpleTabs - Revision history

Paxed: first tab is active

2021-05-17T10:24:44Z

first tab is active

← Older revision		Revision as of 10:24, 17 May 2021
Line 28:		Line 28:
	* Tab contents can span multiple lines and can contain wiki markup.		* Tab contents can span multiple lines and can contain wiki markup.
	* Requires CSS (hiding input buttons, etc), see simpletabs in [[MediaWiki:Common.css]].		* Requires CSS (hiding input buttons, etc), see simpletabs in [[MediaWiki:Common.css]].
			* First tab is active by default.

	==Code for SimpleTabs.php==		==Code for SimpleTabs.php==

Paxed: fix source file name

2021-05-16T15:29:46Z

fix source file name

← Older revision		Revision as of 15:29, 16 May 2021
Line 29:		Line 29:
	* Requires CSS (hiding input buttons, etc), see simpletabs in [[MediaWiki:Common.css]].		* Requires CSS (hiding input buttons, etc), see simpletabs in [[MediaWiki:Common.css]].

	==Code for ~~ReplaceCharsBlock~~.php==		==Code for SimpleTabs.php==
	<syntaxhighlight lang="php">		<syntaxhighlight lang="php">
	<?php		<?php

Paxed: More doc

2021-05-13T08:44:32Z

More doc

← Older revision		Revision as of 08:44, 13 May 2021
Line 1:		Line 1:
	== SimpleTabs extension ==		== SimpleTabs extension ==

	Adds <nowiki><simpletabs></nowiki> -tag, which allows creating CSS-only tabs in an article.		Adds <tt><nowiki><simpletabs></nowiki></tt> -tag, which allows creating CSS-only tabs in an article.

	{\| class="wikitable"		{\| class="wikitable"
Line 23:		Line 23:
	</simpletabs>		</simpletabs>
	\|}		\|}

			* Tab data is separated by <tt>\|-\|</tt> alone in a line.
			* Tab name and contents are separated by <tt>\|</tt>
			* Tab contents can span multiple lines and can contain wiki markup.
			* Requires CSS (hiding input buttons, etc), see simpletabs in [[MediaWiki:Common.css]].

	==Code for ReplaceCharsBlock.php==		==Code for ReplaceCharsBlock.php==
Line 63:		Line 68:

	$inputs .= '<input type="radio" id="tab-' . $tabidx . '" name="tab-group-' . $key . '"' . ($tabidx == 1 ? ' checked' : '') . '>';		$inputs .= '<input type="radio" id="tab-' . $tabidx . '" name="tab-group-' . $key . '"' . ($tabidx == 1 ? ' checked' : '') . '>';
	$labels .= '<li class="tab"><label for="tab-' . $tabidx . '">' . $tname . '</label></li>';		$labels .= '<li class="tab"><label for="tab-' . $tabidx . '">' . htmlspecialchars($tname) . '</label></li>';
	$contents .= '<div class="tab-content">' . $parser->recursiveTagParse($tcont, $frame) . '</div>';		$contents .= '<div class="tab-content">' . $parser->recursiveTagParse($tcont, $frame) . '</div>';

Paxed: SimpleTabs extension doc

2021-05-11T17:28:56Z

SimpleTabs extension doc

New page

== SimpleTabs extension ==

Adds <nowiki><simpletabs></nowiki> -tag, which allows creating CSS-only tabs in an article.

{| class="wikitable"
|width="50%"|
<pre>
<simpletabs>
Tab 1 name|Contents for tab 1
|-|
Tab 2 name|Contents for tab 2
|-|
Tab 3 name|Contents for tab 3
</simpletabs>
</pre>
|width="50%"|
<simpletabs>
Tab 1 name|Contents for tab 1
|-|
Tab 2 name|Contents for tab 2
|-|
Tab 3 name|Contents for tab 3
</simpletabs>
|}

==Code for ReplaceCharsBlock.php==
<syntaxhighlight lang="php">
<?php
if( !defined( 'MEDIAWIKI' ) ) {
die( "This is not a valid entry point to MediaWiki.\n" );
}

$wgHooks['ParserFirstCallInit'][] = 'wfSimpleTabs';

$wgExtensionCredits['parserhook'][] = array(
'name' => 'SimpleTabs',
'version' => '0.1',
'author' => array(
'[http://nethackwiki.com/wiki/User:Paxed Pasi Kallinen]',
),
'url' => 'http://nethackwiki.com/wiki/User:Paxed/SimpleTabs',
'description' => 'Allow creating simple CSS-only tabs.',
);

function wfSimpleTabs( &$parser ) {
$parser->setHook( 'simpletabs', 'renderSimpleTabs' );
return true;
}

function renderSimpleTabs( $input, $argv, $parser, $frame ) {
/*$parser->disableCache();*/

$key = md5($input);
$tabdefs = preg_split('/\n\|-\|\s*\n/', $input);

$inputs = '';
$labels = '';
$contents = '';

$tabidx = 1;
foreach ($tabdefs as $t) {
list($tname, $tcont) = array_pad(preg_split('/\|/', $t, 2), 2, '');

$inputs .= '<input type="radio" id="tab-' . $tabidx . '" name="tab-group-' . $key . '"' . ($tabidx == 1 ? ' checked' : '') . '>';
$labels .= '<li class="tab"><label for="tab-' . $tabidx . '">' . $tname . '</label></li>';
$contents .= '<div class="tab-content">' . $parser->recursiveTagParse($tcont, $frame) . '</div>';

$tabidx++;
}

$text = '<div id="simpletab-' . $key . '" class="simpletabs">' . $inputs .
'<ul class="tabs">' . $labels . '</ul>' .
'<div class="tabs-content">' . $contents . '</div>' .
'</div>';

return $text;
}
</syntaxhighlight>