外部JSファイルでランダム表示と一度クリックで2箇所リンクのものを組み合わせたい

このQ&Aのポイント
  • 初心者でも簡単に使える外部JSファイルを使用して、ランダム表示と一度のクリックで2箇所にリンクする機能を組み合わせたいです。
  • ランダム表示を行いながら、異なる2つのリンク先に一度のクリックでアクセスできる仕組みを実現したいです。
  • 外部JSファイルを利用してランダム表示と一度のクリックで2箇所にリンクする機能を組み合わせる方法について、初心者でも分かりやすく説明してください。
回答を見る
  • ベストアンサー

外部JSファイルでランダム表示と一度クリックで2箇所リンクのものを組み合わせたいんです。

初心者で申し訳ありません。 外部JSファイルでランダム表示をつかっているのですが、リンクの箇所で一回のクリックで2箇所にリンクするのを組み合わせたいと思ってます。 ランダム表示 <!-- //並べ替え表示スクリプト function Random(x) { //fは掲載する広告数 f =3; var Num = new Array(f - 1); var Chk = new Array(f - 1); var Mess = new Array(f - 1); //***ここに広告表示HTMLの配列作成 Mess[0] = ' <A href="http://aa.com" target="_blank">testtest</A>'; Mess[1] = ' <A href="http://bb.com" target="_blank">testtest</A>'; Mess[2] = ' <A href="http://cc.com" target="_blank">testtest</A>'; //***ランダムで0~f-1の値を並べ替え for (i=0;i<f;i++) // { Num[i] = Math.floor(Math.random()*f); if (Chk[Num[i]] == 1){ while(Chk[Num[i]] == 1){ Num[i] = Math.floor(Math.random()*f); } Chk[Num[i]] = 1; } else { Chk[Num[i]] = 1; } } //HTML作成部分 for (i=0;i<x;i++) // { document.write(Mess[Num[i]]); document.write(Mess[Num[i+1]]); document.write(Mess[Num[i+2]]); } } //--> 上のランダムに出力されるリンクを下のような形みたいに、それぞれのURLが1クリックで2箇所リンクされるようにしたいです。 <A href="http://aa.com" target="_blank" onclick="window.open('http://dd.com')" >test</A> もしお分かりの方がいたら何卒よろしくお願いします。 もしわかりづらかったらごめんなさい。

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

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

単純に Mess[0] = ~~ の中身を、提示されているようなHTMLにしてしまうのではダメなのでしょうか? その際に、「"」の中に「'」が出てくるので、それだけエスケープする必要があるような気がする。

junkcpu
質問者

お礼

なんかできないのでできないものだと勘違いしてました。 ありがとうございました。 単純なところを忘れてました。

関連するQ&A

  • ランダムリンクにて

    現在お小遣いサイトを開設したいと思っています。 そして、リードメールなどのダウンサポートが出来るように現在、 JavaScriptを利用して、ランダムリンクを取り入れようと思っているのですが、 リンク時のIDの部分のみランダムになるようにするにはどのようにすれば良いのでしょうか? 現在取り入れているのは下記ですが、 kensu=2; num=Math.floor(Math.random()*kensu); if (num==0){document.write('<a href="http://xxxx?ID1" target="_blank"><img border="0" alt="ID1" src="http://xxxx.gif"></a>');} if (num==1){document.write('<a href="http://xxxx?ID2" target="_blank"><img border="0" alt="ID2" src="http://xxxx.gif"></a>');} 理想としては http://www.h7.dion.ne.jp/~kalno/h_terrier.html こちらのようにしたいです。 JavaScriptの中身を拝見させてもらいましたが、数値等がよく解りません。 出来ればこのようなJavaScriptのやり方が掲載されているサイト等がありましたら教えて下さい。

  • リンクのクリック数を把握したい

    現在、以下のようなjavascriptを書いて、リンクを作っています。 <script type="text/javascript"> <!-- A01=new Array(); A01[0]='<a href="http://www.yahoo.co.jp/" target="blank">yahoo</a>'; A01[1]='<a href="http://www.google.co.jp/" target="blank">google</a>'; a01=Math.floor(Math.random()*A01.length); B01=new Array(); B01[0]='<a href="http://www.livedoor.co.jp/" target="blank">livedoor</a>'; B01[1]='<a href="http://www.goo.co.jp/" target="blank">goo</a>'; b01=Math.floor(Math.random()*B01.length); --> </script> とgoogleとyahoo、;livedoorとgooを配列に入れておき、 どちらかがランダムで出てくるようにして実際の表示部に以下を配置しています。 <script type="text/javascript"> <!-- document.write(A01[a01]); --> </script> <script type="text/javascript"> <!-- document.write(B01[b01]); --> </script> このスクリプトで、A01(yahoo or google)とB01 (livedoor or goo)が それぞれ何回クリックされたのかを把握したいです。 どのようにすれば良いか、ご教示頂けると幸いです。

  • バナーのランダム表示と外部リンク計測について

    初めまして。 Java初心者です。よろしくお願い致します。 現在、自サイトにバナー画像がランダムで表示される様に貼り付けて、尚かつそれぞれのバナーがクリックされた回数を計測したいと考えています。 ランダム表示に関しては、現在以下のソースで対応させています。 <script type="text/javascript"> <!-- url = new Array(); img = new Array(); tar = 'target="_blank"'; url[0] = "画像1のリンク先URL"; img[0] = "画像1"; url[1] = "画像2のリンク先URL"; img[1] = "画像2"; N = Math.round(Math.random() * (url.length - 1)); DISP = "<a href='" + url[N] + "' " + tar + "> <img src='" + img[N] + "' border=0></a>"; --> </script> <script> <!-- document.write(DISP); --> </script> これに外部リンクへのクリック数を追う機能を追加するにはどうすればよいでしょうか? 宜しくお願い致します!

  • ランダムリンクを新しいページで開く方法

    <a href="リンク先1" onclick="var urls=['リンク先2','リンク先3','リンク先4'];location.href=urls[Math.floor(Math.random()*urls.length)];return false">リンク</a> 上記のタグにtarget="_blank"か何かを追加して別ウインドウで開く方法を探しております。 よろしくお願いします!

  • 画像をランダムに表示し、リンクもランダムにしたい

    下記の通りにしたら、ランダムに画像が表示され、 クリックすれば画像とペアになっているアドレス先に飛ぶことは出来たのですが そのときのリンク先をランダムにすることは出来ないでしょか? 例えば、img[2] の画像が表示された場合、jmp[2] ではなく 5つのアドレスの中からランダムにリンク先が決まる、 というようなことなんですが・・・。 // ランダムに画像を表示する jmp = new Array(); img = new Array(); // ジャンプ先のアドレス(数字は画像と対応) jmp[0] = "http://~"; jmp[1] = "http://~"; jmp[2] = "http://~"; jmp[3] = "http://~"; jmp[4] = "http://~"; // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = "img/img1.jpg"; img[1] = "img/img2.jpg"; img[2] = "img/img3.jpg"; img[3] = "img/img4.jpg"; img[4] = "img/img5.jpg"; n = Math.floor(Math.random()*jmp.length); document.write("<a href='"+jmp[n]+"' target='_blank'>"); document.write("<img src='"+img[n]+"' border='0'>"); document.write("</a>");

  • ランダムで文字を表示

    ランダムで文字を表示 よろしくお願いします m(__)m 現在以下のように複数のテキストの中からランダムで3つずつ表示しています。 <!-- A=6 moji=new Array(A) moji[1]="<A href='http://www.●●●.com/'>あいうえお</A>"; moji[2]="<A href='http://www.■■■.com/'>かきくけこ</A>"; moji[3]="<A href='http://www.▲▲▲.com/'>さしすせそ</A>"; moji[4]="<A href='http://www.○○○.com/'>たちつてと</A>"; moji[5]="<A href='http://www.□□□.com/'>なにぬねの</A>"; moji[6]="<A href='http://www.△△△.com/'>はひふへほ</A>"; I= Math.floor(Math.random ()*A+1) ; //--> <!-- for(i=I;i<=I+2;i++){    if ( i<=6 ){ document.write(moji[i]+"<BR>"); }    else{ document.write(moji[i-5]+"<BR>"); }    } //--> 質問なのですが、最後から3行目 [i-5] の5は何を意味しているのでしょうか? javascriptは自分で作る事ができず、どこかで見つけたものを少しずついじる程度しか知識がありません。 どうぞよろしくお願いします。

  • ランダムリンクのクリック数カウント方法

    ブログ内でお遊び的に占いの様な形でランダムにリンクする下記コードを使用しております。 <a href="http://123123123.com/" onclick="var urls=['http://11111.com/','http://22222.com/','http://33333.com/','http://44444.com/','http://55555.com/'];window.open().location.href=urls[Math.floor(Math.random()*urls.length)];return false">ランダムリンク</a> このリンクのクリック数をアナリティクスでイベントカテゴリ等で計測したいのですが、方法が分かりません。 全体のクリック数でも、ランダムの個別のクリック数でもどちらでもかまいません。 ご教示願います。

  • ランダムJavascriptのblank表示

    リンク先のURLをランダムで表示させるため、下記の様に読み込みjavascriptファイルを使用していますが、ターゲットをブランク表示にできません。 windowopenなどと併用する必要があるのか、あまりjavascriptに詳しくないため、 記載箇所を具体的に教えて頂けると嬉しいです。 ■JSファイル側 urls=new Array(); //ランダムで表示したいURLを指定する urls[0]='http://www.・・・'; urls[1]='http://www.・・・; urls[2]='http://www.・・・'; function random() { a=Math.floor(Math.random()*urls.length); location.href=urls[a]; } ■HTMLページ側 <a href="JavaScript:random();">リンクテキスト</a>

  • ランダムリンクについて(フレーム使用)

    ランダムリンクについて(フレーム使用) ランダムリンクを設定したのですが、 その後の表示までかなり時間(5秒くらい)がかかります。 どのようにしたら改善されるのでしょうか。 フレームは左右に分けてあり 左をleft 右をright としてあります。 <head></head>中には、 <SCRIPT Language="JavaScript"> <!-- function randomJump() { theURL = new Array(); theURL[0] = "a.htm"; theURL[1] = "b.htm"; theURL[2] = "c.htm"; theURL[3] = "d.htm"; linkCount = 4; num = Math.floor(Math.random() * linkCount); parent.frames["right"].location.href = theURL[num]; } // --> </SCRIPT> <body></body>中には <A HREF="javaScript:randomJump()"> <IMG src="gazou.gif" width="9" height="12" border="0"> </A> です。 適当にサイトから見つけてきたのを変えただけなので 詳しい知識はありません。 どなたかご教授のほど宜しくお願い致します。

  • JSを用いてサイトを開いた際にランダムでバナー表示する仕組みを作りたい

    JSを用いてサイトを開いた際にランダムでバナー表示する仕組みを作りたいと思っているのですが、 2のバナーの時には別窓で開き1のバナーの時はセルフで開くような設定を施す場合は どの用に書けばいいでしょうか? 一応いろいろと調べて下記までは書いてみたのですが。。。 うまく動きません。。。 どなたか助けていただけませんでしょうか? よろしくお願いします。 <SCRIPT language="JavaScript"> <!-- // ランダムに画像を表示する jmp = new Array(); img = new Array(); tgt = new Array(); // ジャンプ先のアドレス(数字は画像と対応) jmp[0] = "wwwwwww.com"; jmp[1] = "wwwwwww.com"; // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = "img/01.jpg"; img[1] = "img/01r.jpg"; // ブランクの指定 tgt[0] = "_self"; tgt[1] = "_blank"; n = Math.floor(Math.random()*jmp.length); document.write("<a href='"+jmp[n]+"'>"); document.write("<img src='"+img[n]+"' target='"+tgt[n]+"' border='0'>"); document.write("</a>"); //--> </SCRIPT>

専門家に質問してみよう