Dreamweaverのはじめかた

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

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

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

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

近年、迷惑な広告が別ウィンドウで開くというネガティブな印象があるので、ポップアップウィンドウを使う場合は、本当に必要か十分に検討する必要があります。

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

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

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

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

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

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

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

再度、設定したウィンドウが開いて、内容を変更することができます。

Dreamweaver CS5.5の操作方法 目次にもどる

このページの上へ
Dreamweaverのはじめかた Dreamweaver CS 5.5編 制作著作/ノンピリオド:村山秀明