ランダムバナーのリンク先をポップアップウィンドウで開きたい。
当方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>
No.1ベストアンサー
- 回答日時:
ダブルクォートの中のシングルクォートまでは良いけれど、さらにその中でシングルクォートを使っているのが問題なのでは?
確認していませんが、エスケープすればOKではないでしょうか?
さっそくの回答ありがとうございました。
教えていただきました通り、シングルクオートをエスケープしたところ↓
document.write("<a href='"+jmp[n]+"' onClick=\"javascript:window.open('"+jmp[n]+"','','width=600'); return false;\">");
ポップアップウインドウが開きました!
自分の勉強不足が恥ずかしいと思いながら、Javascriptをもっと勉強したくなりました。
本当に、本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- その他(プログラミング・Web制作) pythonで、tkinterとpillowの組み合わせ 2 2022/08/16 17:42
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リンク先を動的に変更する
-
ランダムに表示する画像にリンク
-
外部javascriptの重複を防ぐには
-
nodejsの画像表示は特別なこと...
-
HTMLからimgのsrcのみを正規表...
-
JavaScriptで変更した属性の元...
-
OpenCVでサンプルコードを使う...
-
"lightbox"の"CLOSE"ボタンクリ...
-
ダイアログから画像ファイルは...
-
error LNK2019 未解決のシンボ...
-
MAX関数を使ってからLEFT JOIN...
-
jqueryのsortableで一部ソート...
-
IFRAMEの表示/非表示を切り替え...
-
javascriptでEnterキーをtabキ...
-
createElementで作成した要素を...
-
javascriptでオブジェクトの重...
-
jspでcssが読み込めない
-
JavaScriptで画面サイズによっ...
-
jQueryスライドショー画像への...
-
jQueryで、リンクURLの一致を確...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScriptで変更した属性の元...
-
MFCで画像を表示させているので...
-
画像が表示でnull; this.src
-
error LNK2019 未解決のシンボ...
-
(javascript)HTMLで指定した...
-
外部javascriptの重複を防ぐには
-
libjpegライブラリの使い方につ...
-
Vb.net2005での画像の合成方法
-
外部ファイルにしたら文字化け...
-
jQuery 複数のfind()
-
HTMLからimgのsrcのみを正規表...
-
html内にスライドショーを複数設置
-
条件分岐でキーが入力されてい...
-
複数画像のランダム複数表示(...
-
ダイアログから画像ファイルは...
-
【OpenCV】二値画像後、白の部...
-
"lightbox"の"CLOSE"ボタンクリ...
-
onclickで画面が固まる・・・ら...
-
pythonで、tkinterとpillowの組...
-
imgボタンにfocusの当て方
おすすめ情報