指定したエリアに新しいウィンドウで開くボタンを設置します。
開いたウィンドウは横幅いっぱいになり、横に長い表でも俯瞰することができます。
また、スマホからのアクセスでも強制的にPCのような表示になります。
** 書式 [#t7c490dd]
#code(java){{
#popout(id[,label[,below]]){{ content }}
}}
- id
開いたウィンドウのタイトルになります。
ページ内で一意の文字列である必要があります。
- label
ボタン内に表示する文字列です。
- below
指定したエリアの下にボタンを表示します。
**サンプル [#v41aadfd]
#popout(ゲームタイトル海外配信国数,表をポップアウトする){{{
#tablesort{{
|CENTER:|CENTER:|CENTER:|CENTER:|CENTER:|CENTER:|CENTER:|c
|~企業名|~対象ゲームタイトル|~リリース日|~海外配信国数|>|>|~北米・南米|h
|~|~|~|~|~米国|~カナダ|~ブラジル|h
|Mixi|モンスターストライク|2013/9/27|61か国|○|○|○|
|Colopl|白猫プロジェクト|2014/7/25|1か国||||
|GugHo|パズル&ドラゴンズ|2012/2/20|29か国|○|○||
|Line|ディズニーツムツム|2014/1/29|82か国|○|○|○|
|Cygames|シャドウバース|2014/5/1|82か国|○|○|○|
|Klab|ラブライブ!スクールアイドルフェスティバル|2013/4/5|79か国|○|○|○|
}}
}}}
ソース
#code{{{{
#popout(ゲームタイトル海外配信国数,表をポップアウトする){{{
#tablesort{{
|CENTER:|CENTER:|CENTER:|CENTER:|CENTER:|CENTER:|CENTER:|c
|~企業名|~対象ゲームタイトル|~リリース日|~海外配信国数|>|>|~北米・南米|h
|~|~|~|~|~米国|~カナダ|~ブラジル|h
|Mixi|モンスターストライク|2013/9/27|61か国|○|○|○|
|Colopl|白猫プロジェクト|2014/7/25|1か国||||
|GugHo|パズル&ドラゴンズ|2012/2/20|29か国|○|○||
|Line|ディズニーツムツム|2014/1/29|82か国|○|○|○|
|Cygames|シャドウバース|2014/5/1|82か国|○|○|○|
|Klab|ラブライブ!スクールアイドルフェスティバル|2013/4/5|79か国|○|○|○|
}}
}}}
}}}}
** 使い方 [#y2b322b3]
- いつも見ている記事を切り出してすぐにアクセスできるようにする
- スマホから表の全体をみる
&tag(レイアウト);