jQuery や Prototype などのライブラリを使用しないカスタム アラート ボックスをいくつか見つけようとしました。jQuery のようにリッチな UI を備えているが、それを使用していない単純なサンプルを取得したいと考えています。
私はグーグルを試みましたが、大量のjQueryサンプルを見つけました...私はそれを必要としません。一部のライブラリを使用していない、プレーンな js サンプルを含む Web サイトへのリンクがあるかもしれません。
jQuery、Prototype.js、Enyo などのライブラリに基づいていない、リッチな UI を備えたプレーンなサンプルを入手したいためです。
ありがとうございました！
それほど難しいことではありません。基本的には、画面全体をカバーするものと、本文にコンテンツを表示するものの両方を追加して、それらを正しく配置し、イベント リスナーを適切な要素にアタッチして、適切なタイミングで削除するだけです。ポジショニングとスタイリングのすべて (まあ、ほとんど) は CSS で行うことができます。たとえば、画面全体を覆うように配置するには、次の CSS を使用できます。
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
ダイアログがモーダルであることが簡単にわかるように、少し半透明にしたい場合もあります。
background: rgba(0, 0, 0, 0.2);