ポップアップ・ウィンドウについて
- ユーザーがリンクをクリックすると、別の画面でサイズ指定されたポップアップ・ウィンドウが表示される仕組みを作りたい。
- 参考にしたソースではポップアップが表示されるとリンク元のページがページトップまで戻ってしまう問題がある。
- リンク元の表示をそのままにして、簡単にポップアップを出す方法を探している。
- ベストアンサー
ポップアップ・ウィンドウについて
リンクをクリックすると、別画面でサイズ指定された画面が表示される仕組み(ポップアップ・ウィンドウ?)を作りたいと思っています。商品の説明ボタンを押すとその商品の詳細な説明が表示される、というイメージです。 そこで、 http://www.akikobrand.com/html/02_0219sample/2.windowopen/index.html# のサイトにあるソースを参考にして作ってみたのですが、この方法ですと、ポップアップが表示された時点でリンク元のページが勝手にページトップまで戻ってしまいます。この方法は、とてもシンプルで私でもすぐに使えたのですが、リンク元のページはかなり長い(ユーザーさんにはスクロールダウンして見てもらうつもりです)のでページのトップまで戻ってしまうと不都合があります。 なんとか、リンク元の表示はそのままにして簡単にポップアップを出す方法はないでしょうか? 私のページでは、リンク元のページから8個のリンクボタンを設置してそれぞれ別の商品説明画面(ポップアップ)を出したいと思っています。 どなたかご存知の方がいらっしゃいましたらどうぞよろしくお願いいたします。
- touko1978
- お礼率85% (12/14)
- ホームページ作成ソフト
- 回答数3
- ありがとう数4
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
アンカーのURI指定に、“javascript:void(0);”を設定してください。 <a href="javascript:void(0);" onClick="...">詳細表示</a> “#”を指定すると、現在のページを読み直すブラウザがあります。 <input type="button" onClick="..." value="詳細表示"> なら、そう言う心配が要らないけど・・・
その他の回答 (2)
- taka451213
- ベストアンサー率47% (436/922)
こんばんは。 <a href="#" onclick="・・・ を <a href="#1" onclick="・・・ にしてしまうのはダメですか? 1とか2には、別に意味はありません・・・。 (^^ゞ
お礼
ご回答ありがとうございました。早速試してみましたが、#のあとに1とか2をつけてみても、やっぱりリンク元の画面はページトップに戻ってしまいました。。。でもでも、ご回答いただけたのはとても嬉しかったです。ありがとうございました。
- mitochan1975
- ベストアンサー率35% (56/159)
参考URLのページを例にとると・・ <a href="#" onclick="window.open('1.html','win1','width=350,height=400');"><img src="img/1.gif" width="130" height="19" border="0"></a> を <a href="1.html" target="_blank"><img src="img/1.gif" width="130" height="19" border="0"></a> とすれば、新しいウィンドウが開くだけです。 ただ、<a>タグのスタイルをtext-decoration:noneにしておいた方がいいかもしれません。
お礼
早速ありがとうございました。この方法ですと、新しく開くウィンドウのサイズは指定できないのではないでしょうか。一番に回答をいただけて嬉しかったです。どうもありがとうございました。
関連するQ&A
- ポップアップのリンク先と閉じ方について
今、websiteを制作中です。 考えているのは、TOPページからバナーをクリックすると、ポップアップが開き、その画面をクリックすると、リンク先のページが元のTOPページに更新され、ポップアップはクリックした時に閉じさせたと思っています。 どなたか、分かる方いらっしゃいましたら、ご指導お願いいたします。
- ベストアンサー
- JavaScript
- ポップアップブロックについて
いままでXPを使っていましたが、パソコンを買い替え7になりました。 以下二点に関しまして教えてください。 (1) Internet Explorer の既定では、ユーザーがリンクまたはボタンをクリックした結果として現れるポップアップは表示されるはずだとおもうのですが、それがされません。 Ctrlとaltを押しながらポップアップを表示させたいリンクをクリックするとポップアップ画面がその時だけ出てきます。 ユーザーがクリックしなくても出てくるポップアップは今のままブロックでいいのですが、自分でクリックしたときはポップアップさせたいのです。 (2) (1)の前の7の使い方のごく基本なのですが、ツールからポップアップブロックの設定をしようとしても、みあたりません。 同時にリンクやページの送信というボタンもみあたりません。 これはどこにあるのでしょうか。 どうぞよろしくお願いいたします。
- ベストアンサー
- Windows 7
- ポップアップサイトのGoogleなどの検索表示
私のサイトはポップアップです。 トップページは普通のページで、そこに張られたリンクからポップアップに移行する形式です。 それで私が考えるには、Googleなどの検索エンジンがトップページ以外のページにリンクを張っていたとすれば、 それを見た閲覧者側はポップアップではなく、崩れた普通のページとして表示されると思うのです。 これを(検索エンジンがトップページ以外のページにリンクを載せていた場合)ポップアップとして表示させたいです。 どうすれば良いでしょうか?
- 締切済み
- JavaScript
- フレームをこえるポップアップ
上下にフレームで分けたページを作っています。 上のフレームのボタンにマウスオンするとリンクがポップアップで下に表示されるスクリプトを手に入れたのですが、 そのポップアップがフレームのところできられてしまって表示されません。 ポップアップをフレームを超えて表示させるようにできますか?
- ベストアンサー
- JavaScript
- ポップアップウィンドウを閉じた後・・・
HPビルダー10を使用してHPを作っていますが、ポップアップウインドウ を閉じる度に開いているページの先頭に戻ってしまいます。 ポップアップのイベントが設定してある場所に毎回戻れる方法って ありますか?ポップアップを設定した方法は、リンクさせたい文字を 反転、リンクの挿入、ファイルのタグのファイル名の欄に#、そのまま イベントボタンを押して、ON CLICで画像参照でポップアップ の設定・・・。という方法をしたのですが・・・。どうかよろしく お願い致します。
- ベストアンサー
- ホームページ作成ソフト
- ポップアップ表示ができません。
ポップアップ表示ができません。 サイトでほかのリンクに新しいウィンドウで開こうとしても、開きません。 ポップアップは許可にしてます。 下に、「このページのポップアップがブロックされました。ポップアップの表示を許可するには Ctrlキーを押しながらクリックします」とでますが、表示どおりにしても出てきません。 大変困っています。説明不足なら補足いたします。 どうかよろしくお願いいたします。
- ベストアンサー
- Windows 7
- ポップアップ画面にアンカーをつけるには
HTMLでリンクをクリックすると同じページの中のある特定の場所へ移動するものがあるかと思いますが、(何か名前があるのかもしれないのですが、よく「このページのトップへ」といった場所につかわれているものです。)これを別にポップアップ画面を出したときに応用することはできるのでしょうか。つまり、A.htmlの中のリンクをクリックするとポップアップ画面「B.html」が開き、さらに「B.html」の中のある特定部分にリンクされるという形を実現したいのですが、技術的には可能なのでしょうか。 「B.html」が開くところまでは実現できるのですが、御存知の方か、何かヒントとなることがございましたらお教え頂けましたら幸いです。
- ベストアンサー
- その他([技術者向] コンピューター)
- 一歩進んだリンクを解説するポップアップ
DTIのトップページ(http://www.dti.ad.jp/)にあるような、マウスがコンテンツ部分に触れると別にポップアップみたいなリンクウィンドウが開くカッコ良くて初心者でも使いやすいサンプルプログラムはないでしょうか? 特にテーブルタグの使用が可能なものが良いのですが・・・・。 どなたか「これは使ってみてよかった!」というのがありましたら、ご一報下さい。よろしくお願いします。(__)
- 締切済み
- HTML
- JSPでポップアップウィンドウ制御
JSPでのポップアップ制御が可能かについて質問いたします。 現在、会員専用ページとして 1:「ログインページ」からID・パスワードを入力。 2:ログインボタンを押す。 3:「会員専用画面」に移動。 という典型的な会員制ページがあります。 そして現在の状況より、3:「会員専用画面」を開く段階でポップアップウィンドウを表示し、会員別に違う情報を表示させる機能を追加したいと思っております。 JSPについて調べてみたのですが、どうやらセッション情報などの絡みなど、難しそうです。 (そもそも情報が少なすぎてここで質問する流れになっております) このような事が出来るかどうか、また方法を伝授していただける方いらっしゃいましたら、よろしくお願いします。
- ベストアンサー
- Java
- スマホで2つ以上のポップアップを出したい
docomoのAQUOS PHONEzeta01F使用。 ブラウザでアンケートサイトに答える 際にポップアップが表示され またそのポップアップからリンクして ポップアップを表示しないといけない 時があるのですが 『ポップアップ表示は1つだけです』と 出てしまいます。 ブラウザの設定は『ポップアップさせる』 にしていますし、機種の説明書見ても 書いてなかったのでアンケートサイトに 『ポップアップを1つで答えられる ようにするか、できるようにならないか』 問い合わせたのですが結局曖昧な回答 しか返ってきませんでした。 ウインドウではありません。 ポップアップ画面です。 とりあえずアンケートには 答えられるのですが画面を 見るように指示されているものは 表示されないので答えられません。 設定方法などわかる方いらっしゃい ましたらお願いします
- 締切済み
- Android
お礼
ご回答ありがとうございました。私が求めていたのはこれでした。#のかわりに"javascript:void(0);"を入れたら思った通りにリンク元の画面は動かずにポップアップが開くようになりました。助かりました。ありがとうございました。