• ベストアンサー

クリックしたら別ウィンドウでポップアップが表示されるようにしたい

お世話になります。web初心者なので、どうか教えてください。 クリックすると別ウィンドウからサイズ600×500pxの固定ポップアップが出てくるようにしたいのですが、参考書を見ながらやっているのですが、ポップアップが出てきません。下記の記述でどこが間違っているのか教えていただけないでしょうか? その際、現在macのDreamweaverで作成していますが、Win機で閲覧してもよく表示されるポップアップブロックにひっかからないようにしたいです。どうかご教授お願いします。 <script language="JavaScript" type="text/JavaScript"> (略) <a href="javascript:;" onClick="MM_openBrWindow('001.html','thank1','width=600,height=500')"><img src="images/001.jpg" alt="適当な説明文" width="140" height="203" border="0"></a>

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

  • ベストアンサー
  • pasocom
  • ベストアンサー率41% (3584/8637)
回答No.3

>ポップアップブロックにひっかからないようにしたいです。 その方法はわかりませんが、私はいつもscriptタグの中でfunctionを規定してから本文の中で使うようにしています。下記のようです。 <script language="JavaScript" type="text/JavaScript"> function OPEN(){WIN=window.open('001.html','thank1','width=600,height=500')} </script> <body> <a href="javascript:;" onClick="OPEN()"><img src="images/001.jpg" alt="適当な説明文" width="140" height="203" border="0"></a>

toonie
質問者

お礼

回答ありがとうございます。 早速試してみました、ちゃんとポップアップが機能しました。 ありがとうございます。 もう一つお聞きしたいのですが、ひとつだけでなく複数のポップアップを開きたいという時はどうすればいいのでしょうか?つまり、複数の画像があり、それぞれをクリックすると各詳細ページとしてのポップアップが開くようにしたいのです。いまのままですと、scriptタグの中でfunctionを規定した001.htmlだけに限定されてしまうのかなぁ、と思ったのですが、素人ゆえ失礼なことを言っていたのならお詫びいたします。

すると、全ての回答が全文表示されます。

その他の回答 (5)

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.6

画像とリンク先が1対1になっているでしょうから、リンク先を指定してfunctionを呼び出すようにしておけば、リンクが何箇所あっても一つのfunctionで対応可能になります。 <html> <head> <script type="text/JavaScript"> function OPEN(h){w = window.open(h,'new','width=600,height=500');} </script> </head> <body> <a href="javascript:;" onClick="OPEN('001.html')"> <img src="images/001.jpg" alt="適当な説明文" width="140" height="203" border="0"></a> <a href="javascript:;" onClick="OPEN('002.html')"> <img src="images/002.jpg" alt="適当な説明文" width="140" height="203" border="0"></a> </body> </html> 上の例では、「new」と言う名のウィンドウが開かれて、その後は、常に同じウィンドウが利用されますが、ウィンドウ名を「_blank」などとしておくと、呼び出される度に新しいウィンドウが作成されるようになります。

すると、全ての回答が全文表示されます。
  • pasocom
  • ベストアンサー率41% (3584/8637)
回答No.5

#3です。 別の画像に別リンクを張りたい場合は、 functionとしてOPEN2を定義してやればいいでしょう。 <script language="JavaScript" type="text/JavaScript"> function OPEN2(){WIN=window.open('002.html','thank2','width=600,height=500')} </script> <body> <a href="javascript:;" onClick="OPEN2()"><img src="images/002.jpg" alt="適当な説明文" width="140" height="203" border="0"></a>

すると、全ての回答が全文表示されます。
  • xindex
  • ベストアンサー率55% (5/9)
回答No.4

No3さんのをおかりして 略 function OPEN(lk){WIN=window.open(lk,'thank1','width=600,height=500')} 略 <a href="javascript:;" onClick="OPEN('link1.html')"略 <a href="javascript:;" onClick="OPEN('link2.html')"略 見たいな感じでいけないかな。

すると、全ての回答が全文表示されます。
  • 9arabi
  • ベストアンサー率32% (140/433)
回答No.2

Dreamweaverが自動作成しているMM_openBrWindowの内容が分からないので明確なことはいえません。 No.1さんの回答だと、onclickの動作とかぶる可能性があります。 MM_openBrWindowの内容を併記したほうがよいかと思いますので、同じHTMLファイル内で「function MM_openBrWindow」を検索してみて、その箇所をコピってみてくださいね。 ただ、 href="javascript:;" の箇所が気になります。 href="#"に置き換えてみてください。

すると、全ての回答が全文表示されます。
  • rub_oil
  • ベストアンサー率14% (3/21)
回答No.1

~ border="0" target="_blank"> でうまくいくと思いますよ。

すると、全ての回答が全文表示されます。

関連するQ&A

専門家に質問してみよう