ホームページをドリームウェーバーCS4で作っております。
100px・100pxの画像を配置して、それをクリックしたら、300px・300pxのウインドウ(画像拡大目的)ができるようにしております。
その拡大させたウインドウ(300px・300px)に「閉じる」ボタンを配置させてウインドウを閉じるようにしたいのです。
スニペットパネルの中の、フォームエレメントの「ウインドウを閉じるボタン」を挿入してウインドウの下部に配置して、ブラウザで確認し、クリックするのですが、ウインドウが閉じません。
なぜでしょうか?途方にくれております。
上手く説明できているのかわかりませんが、あるページの中に「閉じる」ボタンを配置させて、そのボタンをクリックして、そのページを閉じたいという感じです。
ジャバスクリプトの知識が全く無く、以前にうっすら聞いた記憶を頼りにやっていたのですが、出来ないです。
どなたか助けていただけませんか?
よろしくお願いいたします。
No.1
- 回答日時:
<a href="javascript:window.close();">閉じる</a>
上記の「閉じるボタン」ではダメでしょうか?
この回答への補足
質問に説明不足がありました。拡大させた画像の横に、その画像の説明文も配置しております。その下にフッターの空間を作り、そこに「閉じる」ボタンを配置させ、ページを閉じさせたいのです。
説明不足で申し訳ありません。
<a href="javascript:window.close();">閉じる</a>をフッター部分にコピーして貼り付けてブラウザで確認したのですが、閉じてくれませんでした。
またよろしければお知恵をおかしください。
よろしくお願いします。
すみません。
<a href="javascript:window.close();">閉じる</a>をフッター部分にコピーして貼り付けてブラウザで確認したのですが、閉じてくれませんでしたが、サーバにアップして確認したところ、ページが閉じてくれました。感動です!!
ありがとうございました。
でもなぜ、ブラウザで確認したとき閉じないのか、わかりません。毎回、サーバにアップさせて動作確認しないと、わからないのは、手間がかかります。
私は初心者なのでこの辺のところがよくわかりません。
また、アドバイスできるようであればよろしくお願いします。
No.2
- 回答日時:
window.openで開いたwindowしかwindow.close()できなかった気がします。
画像拡大目的ならlightbox系のスクリプトをつかってみてはいかかでしょうか
http://h2ham.seesaa.net/article/111629388.html
この回答への補足
質問に説明不足がありました。拡大させた画像の横に、その画像の説明文も配置しております。その下のフッターの空間を作り、そこに「閉じる」ボタンを配置させ、ページを閉じさせたいのです。
説明不足で申し訳ありません。
宜しくお願いします。
No.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系でもキャプションを入れられますよ
うわ~、上手くいきました!!
うれしいです。
まさかDreamweaverのソースにミスがあるとは考えもしませんでした。
ありがとうございます。
使う人がいないからかな?とはこのやり方はあまり良くないやり方なのでしょうか?
lightbox系のサイト、前回教えていただいたサイト拝見したのですが、翻訳してみたのですが、少しよくわからなかったのです。教えてもらっておきながら、すいません。勉強します。
色々教えていただき参考になりました。
ありがとうございます!!!
No.4ベストアンサー
- 回答日時:
回答者1です。
お使いのPC環境は、WindowsXP上でIE6もしくは7でよろしいのでしょうか?
上記の環境だと、確かデフォルトではJavascriptは動かないないし、
「セキュリティ保護のため、コンピュータにアクセスできるアクティブコンテンツ云々・・・」のメッセージが実行時に上部に表示されるはずだった気がします。(うろ覚えですいません。)
手っ取り早くそれらを回避するには、以下の一文を先頭行に追加してみてください。
<!-- saved from url=(0014)about:internet -->
これは、「インターネット上から保存されたHTMLファイル」としてIEに認識させる記述です。
それでも動作しない場合は、ローカルのセキュリティ設定(コントロールパネル内のインターネットオプション)を見直されてみてはいかがでしょうか?
また上記以外にも、FirefoxではDOCTYPE宣言を正しく書いていないと正常に動作しない場合もあります。
質問者様の環境(OSやブラウザ等)が分かればもっと断定できるかもしれません。
この回答への補足
返信ありがとうございます。
私のPC環境は、Vista Home Premiumで、IE7とfirefox3を(firefoxにIE TABというアドオンをインストールして、この二つのブラウザを切り替えて動作確認してます)見比べながら作ってる状態です。
<!-- saved from url=(0014)about:internet -->
↑
先頭行とは具体的にはどこなのでしょうか?
すみませんがよろしくお願いします。
今、もう一度、サーバにあげる前のページをブラウザで確認したところ、うまくページが閉じてくれました。
私の何かのミスかもしれません。お手間かけさしまして、すいませんでした。
haiumeさんのやり方は、閉じるボタンを、自分でデザインできるので、ボタンデザインの幅が広がりました。
ありがとうございます!!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 10 ファイルエクスプローラーでフォルダを閉じる操作について 2 2022/10/15 11:06
- Chrome(クローム) 最近Win10にてブラウザが左にスッと隠れていく現象に悩まされてます 3 2023/07/22 23:11
- その他(OS) Mac OSの操作について 2 2022/06/08 09:19
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- PDF Just PDF 5 proでポップアップしたファイル名がつきまとう 2 2022/12/18 09:56
- その他(コンピューター・テクノロジー) PC利用中に勝手に起動する窓を消し去る方法を教えて下さい。 1 2023/05/08 16:48
- その他(プログラミング・Web制作) VSCodeの自動保存の2か所を無効にしているのに自動で保存されてしまう 1 2022/10/19 11:31
- マルウェア・コンピュータウイルス McAfee total Protection の 偽サイトについて 2 2022/04/12 20:27
- その他(動画サービス) Tver アンケートに回答しても視聴できない(何度もアンケート画面が開く) 1 2023/01/13 21:47
- Chrome(クローム) Google Chromeのブラウザ(PC)ウインドウの移動について 3 2022/07/19 15:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
getParameterで値が取得できず...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
SUBMITボタンを表示させないでS...
-
リンクでPOSTデータを送信する...
-
HTML ラジオボタン nameの大文...
-
メールフォームでの送信確認か...
-
<FORM> </FORM> の中に さらに...
-
戻ると、記入フォームの内容が...
-
ボタンを押すと、テキストエリ...
-
参照ボタンの横に大きさを揃え...
-
UWSC
-
[html]<input type="file">タグ...
-
グーグルマップの文字化けで困...
-
c# 文字列の最後から1文字削除...
-
WCFのwsDualHttpBindingについて
-
DataGridViewのチェックボック...
-
Accessの画面更新を一時的に停...
-
エクセルVBA 別のブックのユ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
リンクでPOSTデータを送信する...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
<FORM> </FORM> の中に さらに...
-
ボタンのなかに表示する文字を...
-
formでのtarget="_blank"2回目
-
INPUTのボタン周囲のスペース
-
戻ると、記入フォームの内容が...
-
チェックボックスの値をコピー
-
ボタンをクリックした時に、入...
-
HTMLのKEYとVALUE...
-
HTML ラジオボタン nameの大文...
-
HTMLでのid とnameの違い
-
formの送信ボタンをテキストに...
-
<form>中の<button>タグのv...
-
グーグルマップの文字化けで困...
-
input button の文字の色を2色...
おすすめ情報