「ポップアップ ウィンドウを作成するにはどうすればよいですか?」 これは、Dreamweaver 初心者からよく聞かれる質問です。特殊効果を提供する Web サイトを見つけるか、特殊効果ツールをダウンロードしてコードを貼り付けるだけです。それはまだ簡単ではありません。実際、最も簡単な方法は、最も一般的に使用されている Dreamweaver を使用することです。通常のポップアップ ウィンドウは数回クリックするだけで完了します。信じられないですか?見に来てください!次の手順に従うだけで、ポップアップウィンドウ効果を簡単に作成できます。
1. まず、メニューバーの「ウィンドウ」→「動作」から動作パネルを呼び出すか、ショートカットキー Shift+F3 を直接押します。
2. 図に示すように、動作パネルの左上隅にある「+」記号を押して動作を追加し、ポップアップ メニューで「ブラウザ ウィンドウを開く」動作を選択します。
3. 動作を選択すると、図に示すように、[ブラウザ ウィンドウを開く] ダイアログ ボックスが表示されます。ダイアログボックスに対応するウィンドウ情報を入力し、「OK」をクリックするだけで、ポップアップウィンドウのカスタマイズが完了します。で
「表示URL」:新しいウィンドウに表示したいWebページのアドレスを直接入力するか、「参照」ボタンを押して指定します。
「ウィンドウの幅」と「ウィンドウの高さ」: それぞれ、新しいウィンドウの幅と高さ (ピクセル単位) です。
「属性」:ウィンドウの特性です。
「ナビゲーション ツールバー」、「メニュー バー」、「場所ツールバー」、「必要に応じてスクロールバー」、「ステータス バー」、「ハンドルのサイズ変更」
それぞれツールバー、メニューバー、位置決めツールバー、スクロールバー、サイズ変更ハンドルを表します。対応する場所の前にあるチェック マークを選択すると、新しいウィンドウに対応する機能があることを意味します。
「ウィンドウ名」:対象となるウィンドウの名前です。任意のウィンドウを選択することも、フレーム グループ内のウィンドウの名前を指定することもできます。ポップアップ ウィンドウを作成するときは、ランダムな名前を付けてください。
上記の手順を完了すると、動作パネルは次のようになり、ページの読み込み中 (onLoad) に新しい閲覧ウィンドウが開くことを示します。
実際、動作パネルに動作を追加するプロセスは、Dreamweaver が Javascript コードを生成するプロセスです。上記の手順で、次のコードが生成されました。以下の太字で示されている、「< !—」と「-- >」の間のコメントは、コードのこの部分のコメントです。
<html>
<頭>
<title>無題のドキュメント</title>
< メタ http-equiv="Content-Type" content="text/html; charset=gb2312" >
< スクリプト言語="JavaScript" >
< !--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(URL,winName,features);
}
//-- >
</ /script >< !—渡された値に基づいてウィンドウを開きます -- >
</ /頭>
< body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow('yourpage.htm', 'winname','toolbar=yes,location=yes,status=yes, menubar=yes,scrollbars=yes,サイズ変更可能=はい、幅=300、高さ=200')" >
< !—ポップアップ ウィンドウの各属性の値を設定し、その値を対応する各仮パラメータに渡し、起動イベントを onLoad に設定します -->
ポップアップウィンドウ効果
< /body >
< /html >
上記のコードは次のように理解できます。onLoad イベントが発生すると (つまり、画像またはページの読み込みが終了すると)、MM_openBrWindow() メソッドが呼び出され、値が
"'yourpage.htm', 'winname', 'toolbar=yes,location=yes, status=yes,menubar=yes,scrollbars=yes, resizable=yes,width=300,height=200'"
(ここでは実パラメータと呼びます) window.open() で使用するために、対応する仮パラメータ「theURL、winName、features」を渡します。 3 つのパラメータはすべて一重引用符で囲む必要があることに注意してください。これらのコードの中で、最も重要な文は次のとおりです。
"window.open(theURL,winName,features)"
これが意味するのは、winName という名前のウィンドウで、features で指定された特性に従って URL アドレスにあるページを開くということです。
コードの意味を理解すると、コードは次のように直接記述できることがわかります。 add in <body>
onLoad="window.open('yourpage.htm', 'winname','toolbar=yes, location=yes,status=yes,menubar=yes, スクロールバー=yes,resizable=yes,width=300,height=200' )」
一文。この書き方は、Dreamweaver がコードを自動生成する効果と何ら変わりません。
window.open() の 3 つのパラメータの意味はすでにわかっています。1 つ目は表示されるページのアドレス、2 つ目はターゲット ウィンドウの名前、3 つ目はターゲット ウィンドウの外観特性の説明です。ウィンドウ。 1 番目と 2 番目のパラメータについては詳しく説明しません。3 番目のパラメータについて説明します。 3 番目のパラメータについては、次のように書くことができます。
"'ツールバー = いいえ、場所 = いいえ、ディレクトリ = いいえ、ステータス = いいえ、メニューバー = いいえ、スクロールバー = いいえ、サイズ変更可能 = いいえ、幅 = 300、高さ = 200、左 = 100、上 = 100'"
ここで、toolbar はツールバー、location はアドレス バー、directorys はナビゲーション バー、status はステータス バー、menubar はメニュー バー、scrollers はスクロール バー、resizable はサイズ変更ハンドル、width と height はウィンドウの左と上の幅と高さは、それぞれウィンドウがポップアップする位置を表します。
ツールバー、場所、ディレクトリ、ステータス、メニューバー、スクロールバー、およびサイズ変更可能の値は、はい、いいえ、1、または 0 に設定できます。はい (1) は新しいウィンドウにこの機能があることを意味し、いいえ (0)しません。幅、高さ、左、上の値は数字で入力する必要があり、単位は px です。
ここまで言いましたが、理解できましたか? Dreamweaver でビヘイビアーを追加したり、ポップアップ ウィンドウを作成したりするのは簡単ではありませんか?手書きでコードを書くのは難しくないですか?もう少し練習すれば、短期間で次のように感じるでしょう。ポップアップ ウィンドウの作成はとても簡単だということが分かりました。