- ベストアンサー
ポップアップのリンク先と閉じ方について
今、websiteを制作中です。 考えているのは、TOPページからバナーをクリックすると、ポップアップが開き、その画面をクリックすると、リンク先のページが元のTOPページに更新され、ポップアップはクリックした時に閉じさせたと思っています。 どなたか、分かる方いらっしゃいましたら、ご指導お願いいたします。
- hibishoujin
- お礼率84% (39/46)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
ポップアップを何で作るかにもよりますが・・・ 別ウインドウで表示する場合は、そちらのスクリプトから、親のウインドウのURL指定は window.opener.location.href="○○.html"; 自分自身を閉じるのは window.self.close(); で可能です。 DIVなどで、ポップアップを表示する場合は、 display:block/noneの指定で、表示/非表示が可能ですし、ジャンプ指定は自分自身のURL指定なので、 location.href="○○.html"; を指定するか、または普通の<a>タグだけでもOKですね。 参考になれば・・・ <html> <head> <style type="text/css"> #pop{ position:absolute; padding:4px; top:30px; left:30px; width:250px; height:80px; border:7px ridge LightSteelBlue; background-color:GhostWhite; text-align:center; display:none; } </style> <script type="text/javascript"> function disp(){document.getElementById('pop').style.display='block';} </script> </head> <body> なんたらかんたら <p><input type="button" onclick="disp()" value="ポップアップ表示"> <div id='pop'> <br><a href="○○.html">リンクボタン</a> </div> </body> </html>
関連するQ&A
- ポップアップ・ウィンドウについて
リンクをクリックすると、別画面でサイズ指定された画面が表示される仕組み（ポップアップ・ウィンドウ？）を作りたいと思っています。商品の説明ボタンを押すとその商品の詳細な説明が表示される、というイメージです。 そこで、 http://www.akikobrand.com/html/02_0219sample/2.windowopen/index.html# のサイトにあるソースを参考にして作ってみたのですが、この方法ですと、ポップアップが表示された時点でリンク元のページが勝手にページトップまで戻ってしまいます。この方法は、とてもシンプルで私でもすぐに使えたのですが、リンク元のページはかなり長い（ユーザーさんにはスクロールダウンして見てもらうつもりです）のでページのトップまで戻ってしまうと不都合があります。 なんとか、リンク元の表示はそのままにして簡単にポップアップを出す方法はないでしょうか？ 私のページでは、リンク元のページから８個のリンクボタンを設置してそれぞれ別の商品説明画面（ポップアップ）を出したいと思っています。 どなたかご存知の方がいらっしゃいましたらどうぞよろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- IEのポップアップがおかしい
ＩＥのポップアップの設定がおかしい？ので教えてください。 ポップアップが開くリンク先をクリックした場合に、 本来ならば元画面はそのまま＆新しくポップアップが開くと思うのですが、 元画面がポップアップの画面に変わってしまうようになりました。 （新しく開くポップアップと全く同じ内容） 右クリックで「新しいウィンドウで開く」にすると、以前と同じように使えます。 ポップアップブロックを有効にしても無効にしても同じ。 ＩＥ６でもＩＥ７でも現象は変わりません。 ＷＩＮＤＯＷＳ ＸＰ SP2です。 情報が足りなければ、後から補足します。
- ベストアンサー
- ブラウザ
- ポップアップブロックについて
いままでXPを使っていましたが、パソコンを買い替え７になりました。 以下二点に関しまして教えてください。 (1) Internet Explorer の既定では、ユーザーがリンクまたはボタンをクリックした結果として現れるポップアップは表示されるはずだとおもうのですが、それがされません。 Ctrlとaltを押しながらポップアップを表示させたいリンクをクリックするとポップアップ画面がその時だけ出てきます。 ユーザーがクリックしなくても出てくるポップアップは今のままブロックでいいのですが、自分でクリックしたときはポップアップさせたいのです。 (2) (1)の前の７の使い方のごく基本なのですが、ツールからポップアップブロックの設定をしようとしても、みあたりません。 同時にリンクやページの送信というボタンもみあたりません。 これはどこにあるのでしょうか。 どうぞよろしくお願いいたします。
- ベストアンサー
- Windows 7
- ポップアップウインドウのリンク先指定
親ページからポップアップさせた子ウインドウから、 親ページのリンク先を指定して、リンクをはるのには どうしたらいいでしょうか？ 宜しくお願いします。
- ベストアンサー
- デザイナー・クリエイティブ職
- ポップアップ画面にアンカーをつけるには
HTMLでリンクをクリックすると同じページの中のある特定の場所へ移動するものがあるかと思いますが、（何か名前があるのかもしれないのですが、よく「このページのトップへ」といった場所につかわれているものです。）これを別にポップアップ画面を出したときに応用することはできるのでしょうか。つまり、A.htmlの中のリンクをクリックするとポップアップ画面「B.html」が開き、さらに「B.html」の中のある特定部分にリンクされるという形を実現したいのですが、技術的には可能なのでしょうか。 「B.html」が開くところまでは実現できるのですが、御存知の方か、何かヒントとなることがございましたらお教え頂けましたら幸いです。
- ベストアンサー
- その他([技術者向] コンピューター)
- ポップアップするリンク先の窓の大きさ
リンク先をクリックしたときに出てくる窓のサイズが中途半端なものが出たとします。 で、次からほかのリンクをクリックしたときに先ほどの中途半端なサイズの窓になって出てきてしまい、いちいち最大化しなければなりません。 必ず最大化の状態で出てくるにはどうしたらよいか、また指定した大きさでポップアップさせたい場合にはどうすればよいのか、教えてください。
- ベストアンサー
- その他（インターネット・Webサービス）
- ランダムに画像を表示し、ポップアップウインドウを開きたい
バナー画像（複数）をランダムに表示し、リンク先のページをポップアップウインドウで開きたいのですが・・・ 教えて下さい。よろしくお願いします。
- 締切済み
- JavaScript
- ポップアップサイトのGoogleなどの検索表示
私のサイトはポップアップです。 トップページは普通のページで、そこに張られたリンクからポップアップに移行する形式です。 それで私が考えるには、Googleなどの検索エンジンがトップページ以外のページにリンクを張っていたとすれば、 それを見た閲覧者側はポップアップではなく、崩れた普通のページとして表示されると思うのです。 これを（検索エンジンがトップページ以外のページにリンクを載せていた場合）ポップアップとして表示させたいです。 どうすれば良いでしょうか？
- 締切済み
- JavaScript
- GoLiveCS2ポップアップ
Windows Vista使用 GoLiveCS2でホームページを作成しています。初心者です。 ポップアップでメニュー画面を作ってみました。 GoLiveCS2のindex.htmlではリンクする事を確認できますが いざ更新してホームページ（Firefox）で確認すると ポップアップ画面は表示されていますが、リンク先に飛びません 何が原因でしょうか？ 初心者＋パソコン用語が良く分からないので説明が不十分だったら 分かりにくくてすみません.
- 締切済み
- ホームページ作成ソフト
- リンク先が違う。
お気に入りや、自サイトに張っているリンク先に飛ぼうとすると、 違うサイトに飛ばされることがしばしばあります。 ジオシティーズのHPに飛ぼうとすると、ロリポップに飛んだり、 COOLのHPに飛ぼうとするとインフォシークなどなどと。 30分ぐらいするともとに戻っていたりします。 バナーを直リンクで張っているサイトさんのバナーが表示されなくなったりもします。 そのバナーをクリックすると、やっぱり違うサイトに飛んでしまったり。 あと、Yahooメールに飛ぼうとすると、"ファイルのダウンロード"のポップアップが出たりします。 もしかしたら、なにかウイルスに感染してしまったのでしょうか。 ちなみに、ウイルスバスターで検索してもウイルスは出てきませんでした。
- ベストアンサー
- ウィルス・マルウェア
お礼
お返事遅くなりすみません。 アドバイスありがとうございます。 参考にさせていただき、なんとかやってみます！ また、何かありましたらよろしくお願いいたします。