ブラウザを「閉じる」ボタンを追加する
ポップアップウィンドウなどのウェブページを「このウィンドウを閉じる」というボタンを作成して閉じられるようにするには、以下の方法を使います。
Dreamweaver MXから「スニペット」という、よく使うHTMLタグやJavaScriptのコードを登録し、使い回せる機能が追加されました。
この中に「ブラウザウィンドウ」を閉じるボタンを作成するHTMLタグ＋JavaScriptが登録されていますので、それを利用します。
- ウィンドウ ＞ スニペット を選択し、「スニペット」ウィンドウを開きます。
- 「スニペット」ウィンドウ項目から「フォームエレメント」フォルダの中にある「ウィンドウを閉じるボタン」を探します。
- 「ウィンドウを閉じるボタン」を選択し、挿入したい箇所にドラッグするか、「スニペット」ウィンドウの左下にある「挿入」を押して、ページに挿入します。
- スニペットで挿入されるタグは以下の図のようになります。デザインで見るとボタンの表示が「Close Window」となっています。
- ボタンを選択したあと、「プロパティ」ウィンドウで値を「Close Window」から「このウィンドウを閉じる」に変更します。
- ブラウザプレビューして動作を確認します。
Windowsでは、ブラウザで確認すると、クリックしたあとに、アラートがでることがありますので、ご注意ください。
