※ ChatGPTを利用し、要約された質問です(原文:ランダムバナーのリンク先をポップアップウィンドウで開きたい。)
ランダムバナーをポップアップウィンドウで表示する方法
このQ&Aのポイント
JavaScriptを使用して、ランダムに表示されるバナーのリンク先をポップアップウィンドウで開く方法を教えてください。
質問者はJavaScript初心者で、他のサイトを参考にしながら試していますが、バナーをクリックしてもポップアップウィンドウが表示されません。
この質問のポイントや問題点を指摘し、正しい記述方法やアドバイスを教えてください。
ランダムバナーのリンク先をポップアップウィンドウで開きたい。
ランダムバナーのリンク先をポップアップウィンドウで開きたい。
当方javascript初心者なのですが、色々なサイトを参考にして上記の方法を模索しています。
以下に記載する内容で画像をランダムに表示するところまで出来たのですが、
画像をクリックすると通常通り、リンク先に飛ぶだけでポップアップウィンドウが開きません。
この記述の間違い点、問題点をご指摘、助言をいただきたく思います。
よろしくお願いたします。
以下js記述↓
<SCRIPT language="JavaScript">
<!--
jmp = new Array();
img = new Array();
// ジャンプ先のアドレス(数字は画像と対応)
jmp[0] = "http://www.yahoo.co.jp/";
jmp[1] = "http://google.com/";
jmp[2] = "http://www.microsoft.com/";
img[0] = "banner1.jpg";
img[1] = "banner2.jpg";
img[2] = "banner3.jpg";
n = Math.floor(Math.random()*jmp.length);
document.write("<a href='"+jmp[n]+"' onClick='javascript:window.open('"+jmp[n]+"','','width=600'); return false;'>");
document.write("<img src='"+img[n]+"' border='0' width='100' height='100' />");
document.write("</a>");
//-->
</SCRIPT>
お礼
さっそくの回答ありがとうございました。 教えていただきました通り、シングルクオートをエスケープしたところ↓ document.write("<a href='"+jmp[n]+"' onClick=\"javascript:window.open('"+jmp[n]+"','','width=600'); return false;\">"); ポップアップウインドウが開きました! 自分の勉強不足が恥ずかしいと思いながら、Javascriptをもっと勉強したくなりました。 本当に、本当にありがとうございました。