Difference between revisions of "Mediawiki Extension ShowMe"
m (Changed Infobox) |
m (Text replacement - "[{{fullurl:{{FULLPAGENAMEE}}|action=mpdf}} Download this page as PDF]" to "") |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 11: | Line 11: | ||
|LastEdit = [[LastEdit::{{REVISIONYEAR}}-{{REVISIONMONTH}}-{{REVISIONDAY2}}]] | |LastEdit = [[LastEdit::{{REVISIONYEAR}}-{{REVISIONMONTH}}-{{REVISIONDAY2}}]] | ||
|Status = [[Status::Active]] <!--[[Status::Active]] [[Status::Development]] [[Status::Obsolete]] [[Status::Archived]] [[Status::To Delete]]--> | |Status = [[Status::Active]] <!--[[Status::Active]] [[Status::Development]] [[Status::Obsolete]] [[Status::Archived]] [[Status::To Delete]]--> | ||
| + | |Access = [[Access::free]] <!--[[Access::free]] [[Access::Private]] [[Access::Subscription]] --> | ||
| + | <!-- Template version 1.01 --> | ||
}} | }} | ||
<!-- End of Template Infobox Generic--> | <!-- End of Template Infobox Generic--> | ||
Latest revision as of 13:56, 14 April 2021
| Source: | DataSource |
|---|---|
| Language: | English |
| Topic: | Mediawiki |
| SubTopic: | Mediawiki Extension |
| Last Edit By: | DochyJP |
| LastEdit: | 2021-04-14 |
| Document type: | Documentation |
| Status: | Active |
| Access: | free |
Description
The ShowMe extension allows inserting a dropdown into pages, that will show different elements on the page depending on which option is selected.
Installation
Download
Download and place the file(s) in a directory called ShowMe in your extensions/ folder.
Activation
Add the following code at the bottom of your LocalSettings.php:
wfLoadExtension( 'ShowMe' );
Usage
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.
Example
Dropdown
<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>
Unordered list
<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>