こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ドリームウェーバーの質問です

ホームページをドリームウェーバーCS4で作っております。

100px・100pxの画像を配置して、それをクリックしたら、300px・300pxのウインドウ(画像拡大目的)ができるようにしております。

その拡大させたウインドウ(300px・300px)に「閉じる」ボタンを配置させてウインドウを閉じるようにしたいのです。

スニペットパネルの中の、フォームエレメントの「ウインドウを閉じるボタン」を挿入してウインドウの下部に配置して、ブラウザで確認し、クリックするのですが、ウインドウが閉じません。

なぜでしょうか?途方にくれております。

上手く説明できているのかわかりませんが、あるページの中に「閉じる」ボタンを配置させて、そのボタンをクリックして、そのページを閉じたいという感じです。

ジャバスクリプトの知識が全く無く、以前にうっすら聞いた記憶を頼りにやっていたのですが、出来ないです。

どなたか助けていただけませんか?

よろしくお願いいたします。

投稿日時 - 2009-06-23 23:57:29

QNo.5069643

すぐに回答ほしいです

質問者が選んだベストアンサー

回答者1です。

お使いのPC環境は、WindowsXP上でIE6もしくは7でよろしいのでしょうか?
上記の環境だと、確かデフォルトではJavascriptは動かないないし、
「セキュリティ保護のため、コンピュータにアクセスできるアクティブコンテンツ云々・・・」のメッセージが実行時に上部に表示されるはずだった気がします。(うろ覚えですいません。)

手っ取り早くそれらを回避するには、以下の一文を先頭行に追加してみてください。

<!-- saved from url=(0014)about:internet -->

これは、「インターネット上から保存されたHTMLファイル」としてIEに認識させる記述です。
それでも動作しない場合は、ローカルのセキュリティ設定(コントロールパネル内のインターネットオプション)を見直されてみてはいかがでしょうか?
また上記以外にも、FirefoxではDOCTYPE宣言を正しく書いていないと正常に動作しない場合もあります。

質問者様の環境(OSやブラウザ等)が分かればもっと断定できるかもしれません。

投稿日時 - 2009-06-25 18:10:17

補足

返信ありがとうございます。

私のPC環境は、Vista Home Premiumで、IE7とfirefox3を(firefoxにIE TABというアドオンをインストールして、この二つのブラウザを切り替えて動作確認してます)見比べながら作ってる状態です。


<!-- saved from url=(0014)about:internet -->
      ↑
先頭行とは具体的にはどこなのでしょうか?

すみませんがよろしくお願いします。

投稿日時 - 2009-06-25 21:11:12

お礼

今、もう一度、サーバにあげる前のページをブラウザで確認したところ、うまくページが閉じてくれました。

私の何かのミスかもしれません。お手間かけさしまして、すいませんでした。

haiumeさんのやり方は、閉じるボタンを、自分でデザインできるので、ボタンデザインの幅が広がりました。

ありがとうございます!!!

投稿日時 - 2009-06-25 22:12:54

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(4)

ANo.3

<input type="button" value="Close Window" onclick="javascript:self.close(); onKeyPress="javascript:self.close();">

<input type="button" value="Close Window" onclick="javascript:self.close();" onKeyPress="javascript:self.close();">
に変えてみてください

「ウインドウを閉じるボタン」でwindowが閉じないのはDreamweaverのスニペットのソースにミスがあるからかな
onclickが閉じてない(onKeyPressの前の「”」がない)ようです。

話題にならないのは、使う人がいないからかな?
ちなみにスニペットを「右クリック」「編集」で、ソースを編集できます。

lightbox系でもキャプションを入れられますよ

投稿日時 - 2009-06-25 00:51:50

お礼

うわ~、上手くいきました!!

うれしいです。

まさかDreamweaverのソースにミスがあるとは考えもしませんでした。
ありがとうございます。

使う人がいないからかな?とはこのやり方はあまり良くないやり方なのでしょうか?

lightbox系のサイト、前回教えていただいたサイト拝見したのですが、翻訳してみたのですが、少しよくわからなかったのです。教えてもらっておきながら、すいません。勉強します。

色々教えていただき参考になりました。
ありがとうございます!!!

投稿日時 - 2009-06-25 21:55:05

ANo.2

window.openで開いたwindowしかwindow.close()できなかった気がします。

画像拡大目的ならlightbox系のスクリプトをつかってみてはいかかでしょうか
http://h2ham.seesaa.net/article/111629388.html

投稿日時 - 2009-06-24 02:44:57

補足

質問に説明不足がありました。拡大させた画像の横に、その画像の説明文も配置しております。その下のフッターの空間を作り、そこに「閉じる」ボタンを配置させ、ページを閉じさせたいのです。

説明不足で申し訳ありません。

宜しくお願いします。

投稿日時 - 2009-06-24 23:35:11

<a href="javascript:window.close();">閉じる</a>

上記の「閉じるボタン」ではダメでしょうか?

投稿日時 - 2009-06-24 00:14:09

補足

質問に説明不足がありました。拡大させた画像の横に、その画像の説明文も配置しております。その下にフッターの空間を作り、そこに「閉じる」ボタンを配置させ、ページを閉じさせたいのです。

説明不足で申し訳ありません。

<a href="javascript:window.close();">閉じる</a>をフッター部分にコピーして貼り付けてブラウザで確認したのですが、閉じてくれませんでした。

またよろしければお知恵をおかしください。

よろしくお願いします。

投稿日時 - 2009-06-24 23:46:43

お礼

すみません。
<a href="javascript:window.close();">閉じる</a>をフッター部分にコピーして貼り付けてブラウザで確認したのですが、閉じてくれませんでしたが、サーバにアップして確認したところ、ページが閉じてくれました。感動です!!

ありがとうございました。

でもなぜ、ブラウザで確認したとき閉じないのか、わかりません。毎回、サーバにアップさせて動作確認しないと、わからないのは、手間がかかります。

私は初心者なのでこの辺のところがよくわかりません。

また、アドバイスできるようであればよろしくお願いします。

投稿日時 - 2009-06-25 00:35:44

あなたにオススメの質問