Extension:ShowMe
ShowMe リリースの状態: 安定 |
|
---|---|
実装 | タグ |
説明 | Shows or hides selected elements on the page |
作者 | Ike Hecht (tosfosトーク) |
メンテナー | WikiTeq team |
最新バージョン | 0.2.0 () |
互換性の方針 | 長期間サポート リリースであるすべての MediaWiki リリースについて、拡張機能に対応するブランチが存在します。 |
MediaWiki | 1.35, 1.39 |
データベースの変更 | いいえ |
ライセンス | GNU 一般公衆利用許諾書 2.0 以降 |
ダウンロード | README |
四半期ごとのダウンロード数 | 1 (Ranked 131st) |
translatewiki.net で翻訳を利用できる場合は、ShowMe 拡張機能の翻訳にご協力ください | |
問題点 | 未解決のタスク · バグを報告 |
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.
インストール
- ダウンロードして、ファイルを
extensions/
フォルダー内のShowMe
という名前のディレクトリ内に配置します。
開発者とコード寄稿者は、上記の代わりに以下を使用してGitからインストールします:cd extensions/
git clone https://gerrit.wikimedia.org/r/mediawiki/extensions/ShowMe - 以下のコードを LocalSettings.php ファイルの末尾に追加します:
wfLoadExtension( 'ShowMe' );
- 完了 – ウィキの「Special:Version」に移動して、拡張機能が正しくインストールされたことを確認します。
使用法
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.
例
理由
<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>
ギャラリー
-
Screenshot of extension with first option selected
-
Screenshot of this extension with second option selected