Dreamweaverでゴォ!

ポップアップウィンドウを作成する

「ポップアップウィンドウ」とは、クリックすると開く固定されたサイズのウィンドウのことです。Dreamweaverでは「ブラウザウィンドウを開く」という言い方をしています。

「ポップアップウィンドウ」を作成する前に、ポップアップしたあとに表示されるページをあらかじめ作成しておく必要があります。

ここをクリックするとポップアップウィンドウの作成が開きます。

近年、迷惑な広告が別ウィンドウで開くというネガティブな印象があるので、使用には注意が必要です。

また、制作中にWindows XP SP2でブラウザプレビューすると、InternetExplorerでは、アラートが表示され、正しく表示されない場合がありますので、ご注意ください。

  1. ウィンドウ > ビヘイビア を選択し、ビヘイビアのパネルを開きます。

  1. ポップアップさせたい部分には、画像<img>もしくはリンク<a>などのタグをあらかじめ、設定しておきます。
  2. リンク<a>で設定する場合、リンクを空欄のままにはできませんので、「#」もしくは「javascript:;」と入力してください。

  1. ポップアップウィンドウをさせたい箇所を選択し、ビヘイビアの「+」の部分をクリックし、表示されるプルダウンメニューから「ブラウザウィンドウを開く」を選択します。

  1. 表示されたウィンドウの「表示するURL」にあらかじめ用意しておいたHTMLのURLを入力します。「ウィンドウ幅」と「ウィンドウ高さ」で大きさを指定できます。
  2. 「OK」をクリックして「ポップアップウィンドウ」は完成です。
    最後にビヘイビアを確認し、ビヘイビアに「ブラウザウィンドウを開く」が追加されているかを確認します。また、Onclickになっているかどうかも確認してください。

ウィンドウ名をつけておくと、同じ名前のウィンドウがあったときに、ポップアップウィンドウが同じウィンドウで開くようになります。新しいウィンドウでポップアップさせたくないときは設定しておくといいでしょう。

一度設定した内容を変更したい場合は、ビヘイビアパネルに表示された「ブラウザウィンドウを開く」の文字を部分をダブルクリックしてください。再度、設定したウィンドウが開いて、内容を変更することができます。

Dreamweaver CS3の使い方 目次にもどる

このページの上へ
Dreamweaverでゴォ! 制作著作/ノンピリオド:村山秀明