jQueryを使用して簡単なアラートダイアログを作成したいと思います。 2つの問題:ユーザーが警告の[OK]ボタンをクリックする前に、どのように人の体の任意の要素をクリックすることを禁止するには?そして、1つの要素を除いて、体全体を暗くする方法は?ありがとう。アラートメッセージを作成する
答えて
部分的な不透明度のdivをすべてのコンテンツに配置します。典型的なCSS:
.cover {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
opacity: .7;
background-color: #000;
width: 100%;
height: 100%;
}
今.cover div要素の上に配置さのdiv、ダイアログボックスを配置し、このダイアログに高いZインデックスを与えます。
これは実際にはすべてです。その難しさはブラウザ間で互換性があります。選択された要素は、オブジェクトの埋め込みと同じように(Flashプレーヤーのように)、上に表示されることがあります。 –
ホイールを改造するのではなく、jQuery UI Dialogをモーダルオプションで見るといいでしょう。
重すぎると、私は数行で書くことができると信じています。 –
@hey jQuery UIのダイアログソースコードを見て、必要な機能だけを整えてみてはどうでしょうか? – JesseBuesking
@heyまあ、なぜこの質問をしていますか? –
- 1. 閉じるポップアップウィンドウ(JavaScript)でアラートメッセージを作成
- 2. Laravelのモーダルブートストラップでアラートメッセージを作成する方法は?
- 3. Javascriptでさまざまな色のアラートメッセージを作成する
- 4. アラートメッセージでユーザをログアウトする
- 5. jquery slidedownアラートメッセージ?
- 6. データベースレスポンスでアラートメッセージを返す
- 7. JQueryがフォームにアラートメッセージを表示する
- 8. アラートメッセージ内のテキストを更新する
- 9. JavaScriptのアラートメッセージrussian text
- 10. J2MEでアラートメッセージを表示
- 11. プッシュ通知アラートメッセージの変更
- 12. モーダルウィンドウを閉じる前にアラートメッセージを表示する
- 13. javascriptでアラートメッセージを読むには?
- 14. Javascriptの各ボタンごとに異なるアラートメッセージを出力する
- 15. ボタンとアラートメッセージに最大値を設定する方法
- 16. angularjsとnodemailerでブラウザのアラートメッセージを取得する方法
- 17. notify.jsアラートメッセージのスタイルを適用する方法
- 18. Webサイトのアラートメッセージを取得する方法UWP WebView
- 19. フレックスでブラウザをリフレッシュするたびにアラートメッセージを取得する方法
- 20. 5分ごとにアラートメッセージを表示するコードを実装する方法は?
- 21. wp7 webbrowser can notはJSアラートメッセージを表示しますか?
- 22. 別のアラートメッセージを呼び出すJavascript ifステートメントの問題
- 23. JavaFXはまだアラートメッセージを切り捨てます。
- 24. アラートメッセージを無効にしてjQuery UIにドロップするだけです
- 25. jqueryアラートメッセージが2回表示される理由
- 26. JavaScriptの単一のアラートメッセージ内にフォーム値を表示する方法
- 27. RXSwiftを使用したアラートメッセージのUIViewController拡張
- 28. カスタム作成アクションを作成する
- 29. 2番目のアラートメッセージに警告することができません
- 30. アラートメッセージがLaravelに表示されない5.4
http://jqueryui.com/demos/dialog/ – SLaks