Q&A
現在、HTML・CSS・JavascriptにてWebページを制作しているのですが、ボタンをクリックした時にポップアップウィンドウを表示させる方法についてどのように行えば良いのかわからず苦戦しています。
にて、例えば左側にある皆に打ち合わけるというボタンを押した際にこのようなポップアップウィンドウが表示されるのですが
このようなポップアップウィンドウを表示するにはどのようにすれば良いのでしょうか？
回答2件
0
基本を言うと、
- ポップアップをあらかじめ仕込んでおくが、画面上では非表示にしておく。CSSでdisplay:noneを設定したり、非表示用のクラスを当てておく形です。
- 特定のボタンやリンクをクリックした時に、表示させる。
となります。表示のさせ方ですが、
JSでポップアップのdisplay:none状態を解除するだけです。
表示用のクラスを当てたり、直接displayプロパティを変更したり、やり方は自由です。
表示位置についてはCSSのpositionで調節すればいいです。
作成中は最初から表示した状態で作っていけばいいです。
最後に非表示にした状態でJSの設定を行います。
投稿2016/03/14 13:13
編集2016/03/14 13:16
総合スコア2092
0
ベタなところで
http://js.studio-kingdom.com/jqueryui/widgets/dialog
とかどうでしょう？
デザインはCSSでなんとでもできますので。
投稿2016/03/14 11:35
総合スコア4666
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。