ランダムJavascriptのblank表示

このQ&Aのポイント
  • ランダムJavascriptを使用して、リンク先のURLをランダムに表示させる方法について質問しています。
  • 具体的には、ターゲットをブランク表示にする方法について知りたいとのことです。
  • Javascriptに詳しくないため、記載箇所を教えてほしいとのことです。
回答を見る
  • ベストアンサー

ランダム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>

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

  • ベストアンサー
  • notnot
  • ベストアンサー率47% (4847/10260)
回答No.2

>window.openを挿入する場合、ランダム表示のlocation.href=urls[a];はどうすれば良いのでしょうか? 挿入する訳じゃなくて、置き換えます。 location.href=urls[a]; を消して、代わりに、 window.open(urls[a]);

naomonet
質問者

お礼

ありがとうございます! 無事希望通りの挙動ができました! 感謝!感謝!感謝です♪

その他の回答 (1)

  • notnot
  • ベストアンサー率47% (4847/10260)
回答No.1

>ターゲットをブランク表示にできません。 ブランク表示というのが新しいウィンドウ(タブ)を開くと言うことなら、window.openが必要です。 location.href は今表示しているページのURLで、これを変更すると今のウィンドウ(タブ)が変更されます。

naomonet
質問者

補足

ご回答ありがとうございます。 window.openとランダム表示を併用させたいと思っています。 ブランク表示はご回答の通り、新しいウインドウを開くことです。 通常であれば、 <a href="http://www・・・" target="_blank">リンクテキスト</a> の target="_blank"のことです。 現状使用している下記のjavascriptのうち 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]; } location.href= で urls[0]='http://www.・・・';のリンク先や urls[1]='http://www.・・・;のリンク先や urls[2]='http://www.・・・';のリンク先をランダムに表示しているのだと思うのですが、 window.openを挿入する場合、ランダム表示のlocation.href=urls[a];はどうすれば良いのでしょうか? 申し訳ありませんが、具体的に記載方法を教えて頂けると嬉しいです。

関連するQ&A

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

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

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

    ブログ内でお遊び的に占いの様な形でランダムにリンクする下記コードを使用しております。 <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> このリンクのクリック数をアナリティクスでイベントカテゴリ等で計測したいのですが、方法が分かりません。 全体のクリック数でも、ランダムの個別のクリック数でもどちらでもかまいません。 ご教示願います。

  • ランダムURL表示&被らないようにしたいです!

    window.onload = function(){ var nice_a = 3; var nice_b = 3; var nice_c = 3; var nice_d = 3; var ifm_3 = document.getElementById('nice_1');//1つめ var ifm_4 = document.getElementById('nice_2');//2つめ var ifm_5 = document.getElementById('nice_3');//3つめ var ifm_6 = document.getElementById('nice_4');//4つめ var urls_random_1 = Math.floor( Math.random() * nice_a ); var urls_random_2 = Math.floor( Math.random() * nice_b ); var urls_random_3 = Math.floor( Math.random() * nice_c ); var urls_random_4 = Math.floor( Math.random() * nice_d ); var urls_nice_1 = new Array(); var urls_nice_2 = new Array(); var urls_nice_3 = new Array(); var urls_nice_4 = new Array(); /*1*/ urls_nice_1[0] = 'niceStore/niceStore_1.html'; urls_nice_1[1] = 'niceStore/niceStore_2.html'; urls_nice_1[2] = 'niceStore/niceStore_3.html'; /*2*/ urls_nice_2[0] = 'niceStore/niceStore_1.html'; urls_nice_2[1] = 'niceStore/niceStore_2.html'; urls_nice_2[2] = 'niceStore/niceStore_3.html'; /*3*/ urls_nice_3[0] = 'niceStore/niceStore_1.html'; urls_nice_3[1] = 'niceStore/niceStore_2.html'; urls_nice_3[2] = 'niceStore/niceStore_3.html'; /*4*/ urls_nice_4[0] = 'niceStore/niceStore_1.html'; urls_nice_4[1] = 'niceStore/niceStore_2.html'; urls_nice_4[2] = 'niceStore/niceStore_3.html'; ifm_3.src = urls_nice_1[s];//1 ifm_4.src = urls_nice_2[s];//2 ifm_5.src = urls_nice_3[s];//3 ifm_6.src = urls_nice_4[s];//4 } </script> 求める結果:ページをロードする度、それぞれのiframe内のURLがランダムで選定され 尚かつURLが被らないようにしたいです。 上記の内容で記述しますと、あたりまえですが表示されるURLが被ってしまいます。 これを回避したいのですがどうがご教授願いします。m(_ _)m

  • 画像からランダムリンク

    Javascriptでランダムリンクをする場合、 <form> <input type=button onClick="jump()" value="ランダム"> </form> <script> url = new Array(); url[0] = "00.html"; url[1] = "01.html"; url[2] = "02.html"; function jump() { p = Math.round(Math.random() * (url.length - 1)); parent.top.document.location = url[p]; } </script> という記述を使うのは知っているんですが、 「ランダムリンク」というボタンではなく、 画像をクリックしてランダムリンクさせることは可能でしょうか? Javascriptでは無理な場合、 画像からランダムリンクを張る方法はありますか? CGI等でも構いませんので、お勧めがあれば教えてください。

  • バナーのランダム表示のリンクを別窓で開きたい

    バナーのランダム表示は出来るのですが、それらを開くとき 別窓で開きたいのですが、どうしたら良いのでしょうか? 下記が現在使用しているJavaScriptです。これに何かを足せば リンクを別窓で開けるのでしょうか? <script language="JavaScript"><!-- jumpURL = new Array(); imgURL = new Array(); jumpURL[0] = "リンクURL0"; jumpURL[1] = "リンクURL1"; jumpURL[2] = "リンクURL2"; jumpURL[3] = "リンクURL3"; imgURL[0] = "画像URL0"; imgURL[1] = "画像URL1"; imgURL[2] = "画像URL2"; imgURL[3] = "画像URL3"; n = Math.floor(Math.random()*jumpURL.length); document.write("<a href='"+jumpURL[n]+"'>"); document.write("<img src='"+imgURL[n]+"' border='0'>"); document.write("</a>"); // --></script> 以上です。宜しくお願い致します。

  • 画像リンクをランダムに4つ表示する

    このようなタグを使って、画像リンクのランダム表示を作成しました。 ((hard内)) <script type="text/javascript"><!-- // var imglist = [ [ "画像1", "", "リンク先1" ] , [ "画像2", "", "リンク先2" ] ]; function RandomImageLink() { // var selectnum = Math.floor(Math.random() * imglist.length); // var output = '<a href="' + imglist[selectnum][2] + '">' + '<img src="' + imglist[selectnum][0] + '"' + ' alt="' + imglist[selectnum][1] + '"><br>' + imglist[selectnum][1] + '</a>'; // document.write(output); } // --></script> ((body内)) <script type="text/javascript"><!-- RandomImageLink(); // --></script> こうしてランダムに表示できるようになったのですが、私は『ランダムに1つ表示』ではなく、『ランダムに4つ表示』にしたいのです。 …どうすればいいのでしょうか? どなたか回答をお願いします。

  • JavaScriptを最後に実行するには?

    JavaScriptでリンクをランダムに表示するようにしたところ、 少し表示が遅く感じるようになったため、 最後にJavaScriptを実行するようにonloadイベントを使って [外部(JavaScript)ファイル] <!-- window.onload = function onload(){ var random = Math.floor(Math.random() * 3); if(random == 0) document.write('<a href="URL1">サイト名1</a>'); else if(random == 1) document.write('<a href="URL2">サイト名2</a>'); else if(random == 2) document.write('<a href="URL3">サイト名3</a>'); }; //--> [HTMLファイル内] <script type="text/javascript" src="./フォルダ名/ファイル名.js"></script> のように書いて試しましたが、真っ白なページにこのスクリプトの内容だけが表示されてしまいます。 "window.onload = function onload{"と、最後の"};"の部分を追加するまでは普通に動いていました。 また、ページ内に、別の外部ファイルも含めて同じようなものを複数組み込みたいと思っています。 この方法でなんとか表示したいのですが、 別の方法も含め、情報をいただきたいです。 わかりにくいところがあれば補足します。 よろしくお願いします。

  • 以前の質問で、

    「あるリンクをクリックすると登録してある複数のURLからランダムで選ばれてジャンプする」というのはありますか? ポイントは最初のリンクテキスト(画像)は同じものを常に表示させたいことです。 要するににクリックして当たりページが出る確率は1/10で、それ以外はハズレページというのを作りたいんです。 お願いします。 という質問がありましたが、 <Script> var url = new Array; url[0] = "0.html"; url[1] = "1.html"; url[2] = "2.html"; url[3] = "3.html"; url[4] = "4.html"; url[5] = "5.html"; url[6] = "6.html"; url[7] = "7.html"; url[8] = "8.html"; url[9] = "9.html"; function click() { var ran = Math.floor(Math.random()*url.length); location.href = url[ran]; } </Script> <A HREF="JavaScript:click()">リンク</A> では、リンク先に飛ばなかったんですが、何が原因でしょうか?

  • Javascriptでランダムに画像を表示させ、さらにリンクさせる

    当方、ホームページを作成していまして、 画像をランダムに表示させることはできたのですが、 さらにその画像をクリックにて違うページにリンクさせたいと考えております。 いろいろ検索してみたのですが、明確な回答が見つからなかったもので、、、 どなたかご回答いただけると、大変助かります。 どうぞよろしくお願いいたします。 現時点で、以下の様になっています。 (4枚の画像をランダム表示させ、リンク先は同じ場所を考えています) <script language="JavaScript"> <!-- ranimg = new Array(); ranimg[0]="0.gif"; ranimg[1]="1.gif"; ranimg[2]="2.gif"; ranimg[3]="3.gif"; xx = Math.floor(ranimg.length*Math.random()); ranimg = ranimg[Math.floor(xx)]; document.write('<img src="'+ ranimg +'">'); // --> </script>

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

    初めまして。 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> これに外部リンクへのクリック数を追う機能を追加するにはどうすればよいでしょうか? 宜しくお願い致します!

専門家に質問してみよう