汎用型オリジナルポップアップ

下記インクルード文を使用してください。
modal-t:
モーダルの始まり

[[include :shitake-crude-production:extension:modal-t
|id=u-id]]

modal-b:
モーダルの終り

[[include :shitake-crude-production:extension:modal-b]]

これはオリジナルポップアップの汎用性を挙げたものです。

基本的な使い方は旧ポップアップと同じです。旧ポップアップを参照してください。

以下のプロパティを追加しました。

プロパティ 初期値 意味
static true/false false trueにする事で背景を押した時モーダルが閉じなくなります
width Int 400 モーダルの横幅を決定します
height Int 200 モーダルの仮想的な縦の長さを決定します

例:
通常モーダル

[[include :shitake-crude-production:extension:modal-t
|id=u-sample1]]
[[div class="content"]]
通常モーダル
[[/div]]
[[div class="confirm"]]
[[a]]OK[[/a]]
[[/div]]
[[include :shitake-crude-production:extension:modal-b]]

[#u-sample1-popup サンプル1]

サンプル1

例2:
static:true
横幅: 500
仮想的な縦幅:400

[[include :shitake-crude-production:extension:modal-t
|id=u-sample2
|static=true
|width=500
|height=400]]
[[div class="content"]]
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
[[/div]]
[[div class="confirm"]]
[[a]]OK[[/a]]
[[/div]]
[[include :shitake-crude-production:extension:modal-b]]

[#u-sample2-popup サンプル2]

サンプル2

特に指定がない限り、このサイトのコンテンツには次のライセンスが適用されます: Creative Commons Attribution-ShareAlike 3.0 License