ビデオ: Testpassportの70-480試験材料を使えば2日で合格できます 2024
AJAXを使用すると、HTML5およびCSS3のプログラマはカスタムダイアログボックスを作成できます。 JavaScriptはいくつかのダイアログボックス（アラートダイアログボックスとプロンプトダイアログボックス）を提供しますが、これらは非常に醜く比較的柔軟性がありません。 jQuery UIには、任意のdivを仮想ダイアログボックスに変換するテクニックが含まれています。ダイアログボックスはテーマに沿っており、サイズ変更と移動が可能です。
ダイアログボックスとして使用するdivを作成します。
-
divを作成し、IDを与えてダイアログボックスノードにすることができます。タイトル属性を追加すると、タイトルがダイアログボックスのタイトルバーに表示されます。
<！ - 2 - >
ダイアログクラスを使用すると、インストールされているページテーマに一致した、カスタマイズ可能な移動可能なダイアログボックスを移動可能にすることができます。divをダイアログボックスにします。
-
dialog（）メソッドを使用して、divをinit（）関数のjQueryダイアログボックスノードに変換します：
$（ "#dialog"）。ダイアログ（）;
デフォルトでダイアログボックスを非表示にします。
-
<！ - 3 - >
通常は、何らかのイベントが発生するまでダイアログボックスを表示したくありません。この特定の例では、ユーザーがボタンをクリックするまでダイアログボックスを表示したくない場合があります。ダイアログボックスが呼び出されるまで表示されないように、init（）関数のダイアログボックスを閉じるコードをいくつか配置することができます。ダイアログボックスを閉じます。
-
ダイアログボックスを閉じるには、ダイアログボックスのノードを参照し、ダイアログボックスのdialog（）メソッドを再度呼び出します。今回は、単一の値 "close"をパラメータとして送信します。ダイアログボックスはすぐに終了します：
//最初にダイアログ$（ "#dialog"）を閉じます。ダイアログ（ "閉じる"）;
Xをクリックすると、ダイアログボックスが自動的に閉じます。
-
ダイアログボックスには、ほとんどのウィンドウシステムで[ウィンドウを閉じる]アイコンのような小さなXがあります。ユーザーはこのアイコンをクリックしてダイアログボックスを閉じることができます。
コードでダイアログボックスを開いたり閉じたりできます。
-
My Open DialogとClose Dialogボタンは、ダイアログボックスの動作を制御する関数を呼び出します。たとえば、Open Dialogボタンに付属する関数は次のとおりです。
function openDialog（）{$（ "#dialog"）ダイアログ（ "open"）;} // end openDialog
