2011-12-18 2 views
0

jQueryを使用して簡単なアラートダイアログを作成したいと思います。 2つの問題:ユーザーが警告の[OK]ボタンをクリックする前に、どのように人の体の任意の要素をクリックすることを禁止するには?そして、1つの要素を除いて、体全体を暗くする方法は?ありがとう。アラートメッセージを作成する

+2

http://jqueryui.com/demos/dialog/ – SLaks

答えて

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インデックスを与えます。

+1

これは実際にはすべてです。その難しさはブラウザ間で互換性があります。選択された要素は、オブジェクトの埋め込みと同じように(Flashプレーヤーのように)、上に表示されることがあります。 –

1

ホイールを改造するのではなく、jQuery UI Dialogをモーダルオプションで見るといいでしょう。

+0

重すぎると、私は数行で書くことができると信じています。 –

+0

@hey jQuery UIのダイアログソースコードを見て、必要な機能だけを整えてみてはどうでしょうか? – JesseBuesking

+4

@heyまあ、なぜこの質問をしていますか? –

関連する問題