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

解決済

質問者：toonie
質問日時：2008/10/21 10:45
回答数：6件

お世話になります。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件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： pasocom
回答日時：2008/10/21 11:13

＞ポップアップブロックにひっかからないようにしたいです。

その方法はわかりませんが、私はいつも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>

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。
早速試してみました、ちゃんとポップアップが機能しました。
ありがとうございます。

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

通報する

お礼日時：2008/10/21 13:48

No.6

回答者： fujillin
回答日時：2008/10/21 19:27

画像とリンク先が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」などとしておくと、呼び出される度に新しいウィンドウが作成されるようになります。

- 0
- 件

通報する

No.5

回答者： pasocom
回答日時：2008/10/21 16:25

＃３です。

別の画像に別リンクを張りたい場合は、
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>

- 0
- 件

通報する

No.4

回答者： xindex
回答日時：2008/10/21 13:59

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')"略

見たいな感じでいけないかな。

- 0
- 件

通報する

No.2

回答者： 9arabi
回答日時：2008/10/21 11:06

Dreamweaverが自動作成しているMM_openBrWindowの内容が分からないので明確なことはいえません。

No.1さんの回答だと、onclickの動作とかぶる可能性があります。
MM_openBrWindowの内容を併記したほうがよいかと思いますので、同じHTMLファイル内で「function MM_openBrWindow」を検索してみて、その箇所をコピってみてくださいね。

ただ、
href="javascript:;"
の箇所が気になります。

href="#"に置き換えてみてください。