Dreamweaverでゴォ!

ブラウザを「閉じる」ボタンを追加する

開いたポップアップウィンドウを「このウィンドウを閉じる」というボタンを作成して閉じられるようにするには、以下の方法を使います。

Dreamweaver MXから「スニペット」という、よく使うHTMLタグやJavaScriptのコードを登録し、使い回せる機能が追加されました。この中に「ブラウザウィンドウ」を閉じるボタンを作成するHTMLタグ+JavaScriptが登録されていますので、それを利用します。

  1. ウィンドウ > スニペット を選択し、「スニペット」ウィンドウを開きます。
  2. 「スニペット」ウィンドウ項目から「フォームエレメント」フォルダの中にある「ウィンドウを閉じるボタン」を探します。
  3. 「ウィンドウを閉じるボタン」を選択し、挿入したい箇所にドラッグするか、「スニペット」ウィンドウの左下にある「挿入」を押して、ページに挿入します。

  1. スニペットで挿入されるタグは以下の図のようになります。デザインで見るとボタンの表示が「Close Window」となっています。

  1. ボタンを選択したあと、プロパティウィンドウの値を「Close Window」から「このウィンドウを閉じる」に変更します。

  1. ブラウザプレビューして動作を確認します。
    Windows XPのブラウザプレビューでは、クリックしたあとに、アラートがでますので、ご注意ください。

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

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