- ベストアンサー
クリックしたら別ウィンドウでポップアップが表示されるようにしたい
お世話になります。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>
- みんなの回答 (6)
- 専門家の回答
質問者が選んだベストアンサー
>ポップアップブロックにひっかからないようにしたいです。 その方法はわかりませんが、私はいつも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>
その他の回答 (5)
- fujillin
- ベストアンサー率61% (1594/2576)
画像とリンク先が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)
#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)
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)
Dreamweaverが自動作成しているMM_openBrWindowの内容が分からないので明確なことはいえません。 No.1さんの回答だと、onclickの動作とかぶる可能性があります。 MM_openBrWindowの内容を併記したほうがよいかと思いますので、同じHTMLファイル内で「function MM_openBrWindow」を検索してみて、その箇所をコピってみてくださいね。 ただ、 href="javascript:;" の箇所が気になります。 href="#"に置き換えてみてください。
- rub_oil
- ベストアンサー率14% (3/21)
~ border="0" target="_blank"> でうまくいくと思いますよ。
お礼
回答ありがとうございます。 早速試してみました、ちゃんとポップアップが機能しました。 ありがとうございます。 もう一つお聞きしたいのですが、ひとつだけでなく複数のポップアップを開きたいという時はどうすればいいのでしょうか?つまり、複数の画像があり、それぞれをクリックすると各詳細ページとしてのポップアップが開くようにしたいのです。いまのままですと、scriptタグの中でfunctionを規定した001.htmlだけに限定されてしまうのかなぁ、と思ったのですが、素人ゆえ失礼なことを言っていたのならお詫びいたします。