アラートメッセージを作成する

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

0
追加された 著者 SLaks,

2 答え

部分的な不透明度の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-indexを与えます。

1
追加された
これは本当に必要なすべてです。その難しさはブラウザ間で互換性があります。選択された要素は、 object 埋め込み(Flash Playerなど)と同じように、上に表示されます。
追加された 著者 Lachlan McD.,

ホイールを再開発するのではなく、モーダルオプション付きの jQuery UIダイアログを参照してください。

1
追加された
@heyなぜjQuery UIのダイアログソースコードを見て、必要な機能しか持たないようにトリミングしてみませんか?
追加された 著者 JesseBuesking,
あまりにも重い、私はいくつかの行でそれを書くことができると信じています。
追加された 著者 good_evening,
window.alert()の直接的な置き換えを構築する場合は、常にモーダル、常に1つのボタンなどのような仮定を使用する場合、コード>)。
追加された 著者 nnnnnn,
@heyまあ、なぜこの質問をしているのですか?
追加された 著者 Rob W,
私はそれを行うことができると確信していますが、私は "数行"については知らない。私はあなたが何を思いつくのか興味を持っています。
追加された 著者 nachito,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript