利用者:青子守歌/拡張型折りたたみ可能要素
表示
< 利用者:青子守歌
拡張型折りたたみ可能要素(略称:ECE、英語: Enhanced Collapsible Elements)は、NavFrameなどのダイナミック・ナビゲーション・ボックスのような折りたたみを、より自由度を高く可能にした要素を実現する機能です。
この機能は、2010年10月13日に、利用者:青子守歌によって作成されました。 現在は、利用者カスタムスクリプトとして提供されています。
導入方法
[編集]利用者カスタムスクリプトとして、この機能を試す方法を示します。
導入するには、自分のカスタムスクリプトで、利用者:青子守歌/EnhancedCollapsibleElements.jsを読み込んでください(以下のコードを利用そのまま貼りつければ導入できます)。
// ECE
importScript('利用者:青子守歌/EnhancedCollapsibleElements.js');
なお、外装にベクターを利用していることを前提にしますので、ほかの外装を使用している利用者は、適宜置き換えてください。
使用方法
[編集]この機能は、折りたたみボタンのテンプレートを設置することで、その機能を実現します。
このテンプレートの標準的な構成は以下のようになります。
{{利用者:青子守歌/拡張型折りたたみ可能要素/ボタンテンプレート |target = #ece-hidden |ctext = 隠す |etext = 表示 |label = {{color|red|(ECE機能が無効です!)}} |state = c }}
この設定は、ece-hiddenというidを持つ要素を、折りたたんだ状態で表示し、ボタンには「隠す」「表示」と表示するラベルを生成します。
また、このボタンは、文章中に組み込むこともできます。
ece-hiddenを{{利用者:青子守歌/拡張型折りたたみ可能要素/ボタンテンプレート |target = #ece-hidden |ctext = 折りたたむ |etext = 折りたたみ解除する |label = [[#ece-hidden|参照する]] |state = c }}ことができます。
- ece-hiddenを ことができます。
target引数には、jQueryの条件式(セレクター)を利用できるため、より複雑な条件を与えて、折りたたみを実現することができます。
target | 意味 |
---|---|
#ece-hidden | ece-hiddenというidを持つ要素 |
.ece-hidden-class | ece-hidden-classというクラスを持つ要素 |
table | 全てのtable要素 |
div.ece-hidden-span | ece-hidden-spanというクラスを持つdiv要素 |
li:even | リストの偶数行(1, 3, 5・・・行目) |
p:contains("わはは") | 「わはは」という文字列を含むp要素 |
より詳しい説明は、リファレンスなどを参照してください。
使用例
[編集]実際の使用例を示します。より複雑な使用例は、利用者:青子守歌/拡張型折りたたみ可能要素/使用例をご覧ください。
{{notice|text=ウィキペディア日本語版には、[[Wikipedia:検証可能性]]という重要な方針があり、これは記事の記述に必要な最低限の基準であると考えるべきです。 検証可能性についての詳細を{{利用者:青子守歌/拡張型折りたたみ可能要素/ボタンテンプレート |target = #ece-wpv |ctext = 折りたたむことができます |etext = 表示して学んでください |label = [[#ece-wpv|参照して学んでください]] |state = c }}。 <div id="ece-wpv" style="font-size: 95%; border: 2px dotted red">{{Cquote| # 記事には、信頼できる情報源が公表・出版している内容だけを書くべきです。 # 記事に新しい内容を加筆するときは、信頼できる情報源―出典([[参考文献]])―を明らかにすべきです。出典が明示されていない編集は、誰でも取り除くことができます(出典のない記述は除去されても文句は言えません)。 # 出典を示す義務を負うのは、書き加えようとする側であり、除去を求める側ではありません。|4=[[Wikipedia:検証可能性#方針]]}}</div> }}
![]() | ウィキペディア日本語版には、Wikipedia:検証可能性という重要な方針があり、これは記事の記述に必要な最低限の基準であると考えるべきです。
検証可能性についての詳細を 。
|