回答編集履歴
1
加筆
answer
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
基本を言うと、
|
|
2
2
|
|
|
3
|
-
- ポップアップをあらかじめ仕込んでおくが、画面上では非表示にしておく。
|
|
3
|
+
- ポップアップをあらかじめ仕込んでおくが、画面上では非表示にしておく。CSSでdisplay:noneを設定したり、非表示用のクラスを当てておく形です。
|
|
4
4
|
- 特定のボタンやリンクをクリックした時に、表示させる。
|
|
5
5
|
|
|
6
6
|
となります。表示のさせ方ですが、
|
|
7
7
|
JSでポップアップのdisplay:none状態を解除するだけです。
|
|
8
8
|
表示用のクラスを当てたり、直接displayプロパティを変更したり、やり方は自由です。
|
|
9
9
|
|
|
10
|
-
表示位置についてはCSSの
|
|
10
|
+
表示位置についてはCSSのpositionで調節すればいいです。
|
|
11
11
|
作成中は最初から表示した状態で作っていけばいいです。
|
|
12
12
|
最後に非表示にした状態でJSの設定を行います。
|