Khok-tián:Hōo-guá khuànn-māi
ShowMe Release status: stable |
|
---|---|
Implementation | Tag |
Description | Hián-sī hi̍k-tsiá ún-tsông ia̍h-bīn tíng-kuân ê suán-tīng guân-sòo |
Author(s) | Ike Hecht (tosfosthó-lūn) |
Maintainer(s) | WikiTeq team |
Latest version | 0.2.0 () |
Compatibility policy | For every MediaWiki release that is a Long Term Support release there is a corresponding branch in the extension. |
MediaWiki | 1.35, 1.39 |
Database changes | No |
License | GNU General Public License 2.0 or later |
Download | README |
Quarterly downloads | 1 (Ranked 138th) |
Translate the ShowMe extension if it is available at translatewiki.net | |
Issues | Open tasks · Report a bug |
The ShowMe extension allows inserting a drop down or unordered list into pages, that will show different elements on the page depending on which option is selected.
This extension was created for WikiWorks.
An-tsong
- Download and move the extracted
ShowMe
folder to yourextensions/
directory.
Developers and code contributors should install the extension from Git instead, using:cd extensions/
git clone https://gerrit.wikimedia.org/r/mediawiki/extensions/ShowMe - Add the following code at the bottom of your LocalSettings.php file:
wfLoadExtension( 'ShowMe' );
- Done – Navigate to Special:Version on your wiki to verify that the extension is successfully installed.
Sú-iōng
Use the <showme> tag. It has an optional name
parameter, which can set the name and id of the <select> element.
Each line between the tags should contain an option.
It must consist of the text to be shown, followed by a pipe, followed by the class name of an element (or elements) on the page which should be shown when this option is selected.
While one option is selected, the elements corresponding to all other options become hidden.
To avoid flashing of elements that are supposed to be hidden, you can optionally add style="display: none;"
to every option other than the first.
Huān-lē
Lo̍h-hā
<showme type="dropdown">
Text for Option 1|opt-1
And another option|opt-2
</showme>
<div class="opt-1">
Some text shown when clicking the first option.
</div>
<div class="opt-2" style="display: none;">
Here goes the text shown for the second option.
</div>
Bô-sǔ tshing-tuann
<showme type="ul">
Text for Option 1|opt-1
And another option|opt-2
</showme>
<div class="opt-1">
Some text shown when clicking the first option.
</div>
<div class="opt-2" style="display: none;">
Here goes the text shown for the second option.
</div>
Tôo-siōng
-
Screenshot of extension with first option selected
-
Screenshot of this extension with second option selected