• ベストアンサー

JSで任意の位置に文字をランダムで表示させたい。

プログラム初心者です。 javascriptで乱数を発生させて文字をランダムで表示することは document.writeを使ってできたのですが、その文字の位置を自分の動かしたい位置に持っていくためにはどうすればいいでしょうか?教えてください。

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

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

予め用意しておいたdivやspanにidを振っておき、 document.getElementById('hoge').innerHTMLに値を代入してください test<br> test<br> <div id="hoge"></div> test<br> test<br> <script> var v=Math.random(); document.getElementById("hoge").innerHTML=v; </script>

takujaja
質問者

お礼

すばやい回答ありがとうございます。 お陰様でできました!!

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

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

なさりたいことの意味がよく理解できていませんが… >その文字の位置を自分の動かしたい位置に持っていくためにはどうすればいいでしょうか どうやって指定するかにもよりますが、一般的なUIとしてドラッグで移動するというものが考えられます。 ドラッグの一例 (実際は文字を移動というより、div要素を移動していますが) http://clonedoppelganger.net/javascript/Draggable.html 方法は結構面倒です。 ライブラリなどもいろいろあるかと思いますので、それらを利用すればだいぶ簡単になります。 javascript dragあたりをキーにぐぐってみるか、参考サイトで取り上げられているdraggableを手掛かりにするなどで研究してみてください。 というか、その前にどういう条件でどこに移動するのかというイメージを持ってください。(ドラッグはその一方法ですから) 「自分の動かしたい位置に持っていく」というのはどうやってなのでしょう。(まさか念力でということでもないでしょう) それから、それを実現するにはどうしたらよいかを考えることになろうかと思います。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • ランダム表示の画像位置

    初めまして、本当に初心者な質問で 申し訳ないのですが回答を頂ければ 嬉しく思います。 ホームページビルダー7ライトを使い、 画像をランダムで変えたいと思って 調べてやってみたところ、以下の JavaScriptで一応は出来たんです。 <script language="JavaScript"> <!-- img = new Array img[0] = "gif/1.gif"; img[1] = "gif/2.gif"; img[2] = "gif/3.gif"; img[3] = "gif/4.gif"; img[4] = "gif/5.gif"; rnd = Math.floor(Math.random() * img.length); document.write("<img src='",img[rnd],"'>"); //--> </script> しかし、画像が一番左上に出てしまいます。 これを位置調整しようと思ったらどんな JavaScriptを使えばよろしいでしょうか? 本当に申し訳ありませんが、回答の方を どうかよろしくお願い致します。

  • ランダムで文字を表示

    ランダムで文字を表示 よろしくお願いします 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は自分で作る事ができず、どこかで見つけたものを少しずついじる程度しか知識がありません。 どうぞよろしくお願いします。

  • ランダムに文字を表示したい

    ランダムにテキストやリンクを表示するプログラムを書きたいのですが、何かいいサイトかいい方法はないでしょうか? ランダムに表示する文字列は違うTXTファイルなどに保存して別で管理する方法にしたいのですが。 CGI初心者なのですがよろしくおねがいします。

    • ベストアンサー
    • CGI
  • javascriptで表示する文字列をhtmlの引用タグで表示できる?

    javascript超初心者です。 javascriptの文字列に格納された文字列をdocument.writeで表示する時に、引用されたもの、として表示したいです。htmlですと、<blockquote>などで囲むと思うのですが、javascriptを使った場合、どういった方法があるでしょうか? よろしくお願いします。

  • 小文字、大文字、記号をランダム表示

    このプログラムは英大文字をランダムに表示するプログラムなのですが、これを小文字と記号も合わさった形で出力されるように改造するにはどうしたらいいでしょうか。コードを添えて下さると助かります。 import java.util.Random; public class Aruf{ public static void main(String[] args) { //Randomクラスのインスタンス化 Random rnd = new Random(); //変数の宣言 int ran; int a; char c; //10回繰り返す for(int b=0;b<10;b++){ //0~25の乱数を作成 ran = rnd.nextInt(26); //65を足して65~90にする a = 65 + ran; //charに型変換 c = (char)a; //表示 System.out.print(c); } } }

    • ベストアンサー
    • Java
  • FLASHのランダム表示とサイズ指定

    Action scriptがいまいちわからないのでjavascriptでFLASH画像をランダム表示していますがサイズの指定ができません。 全て同じサイズのFLASHですが表示サイズが半分以下になってしまいます。 ヘッダに下記のスクリプトを書き、 ↓ <SCRIPT TYPE="text/javascript"> n=parseInt(Math.random() * 3); var flashurl = [ "1.swf","2.swf","3.swf ]; document.write("<OBJECT CLSID=xxxx SRC='"+flashurl[n]+"' ...>"); document.write("</OBJECT>"); </SCRIPT> 表示させたい場所に下記のように書いています。 ↓ <script language="javascript"> var flashurl = ["1.swf", "2.swf", "3.swf",]; flashurl = flashurl[Math.floor(Math.random() * flashurl.length)]; document.write('<object data="' + flashurl + '" type="application/x-shockwave-flash">'); document.write('<param value="' + flashurl + '" name="movie" /></object>'); </script> CSSレイアウトでページを作っている事は関係ないでしょうか。スクリプト初心者なのでよろしくお願い致します。

  • レコードのランダム表示

    ASPとAccessを使って、4択問題を解答するというものをつくっています。 あらかじめDBに登録されている4つの選択肢(それぞれa1,a2,a3,a4というフィールドに格納されています)を、順序をランダムに表示させたいと考えているのですが、どのようにすればよいのですか? 乱数を発生させてプログラムを組むのでしょうか? どなたかご教授お願いします。

  • ランダムに表示したいんですが。

    htmlファイルをアクセスしたときに、アクセスするごとにランダムでFlashを表示したいのですが、Netscape Communicator4.7で動作確認をしたところ、 表示がうまくできませんでした。ネスケに関して表示処理の際に何か足りないタグがあるのでしょうか?それとも単純に書き方が間違っているのでしょうか? --------------------------------------------------------------------- <script language="JavaScript"> <!-- img = new Array(); img[0] = "movie1.swf"; img[1] = "movie2.swf"; img[2] = "movie3.swf"; img[3] = "movie4.swf"; function flash(){ kazu = img.length; i = Math.floor(Math.random()*kazu); document.write("<OBJECT classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0\" ID=\"movie1\" WIDTH=\"600\" HEIGHT=\"311\">"); document.write("<PARAM NAME=\"movie\" VALUE=\""+img[i]+"\">"); document.write("<PARAM NAME=\"quality\" VALUE=\"best\">"); document.write("<PARAM NAME=\"bgcolor\" VALUE=\"#FFFFFF\">"); document.write("<EMBED src=\""+img[i]+"\" quality=\"best\" bgcolor=\"#FFFFFF\" WIDTH=600 HEIGHT=311 TYPE=\"application/x-shockwave-flash\" PLUGINSPAGE=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\"></embed>"); document.write("</OBJECT>"); } </head> <body> <script language="JavaScript" type="text/javascript"> <!-- flash(); --></script> </body> ---------------------------------------------------------------------

  • インラインフレーム+ランダム表示

    インラインフレームの中をランダム表示させたいのです。 そこで、大元のページに <iframe src="○○○.html" width="570" height="300"name="AAA"align="left" frameborder="no" scrolling="no" > このページはインラインフレームを使用しております。 未対応ブラウザは閲覧できませんのでご了承下さい。 </iframe> と記述し、○○○.htmlの中には <html> <head> <title></title> <script language="JavaScript"><!-- jpURL = [ "tk1.html", "tk2.html", "tk3.html", "tk4.html" ]; n = Math.floor(Math.random() * jpURL.length); document.write('<frameset>'); document.write('<frame src="'+jpURL[n]+'" name="rightFrame">'); document.write('</frameset>'); // --></script> </head> </html> という記述をしています。 このようにランダムに表示できるように記述すると、左横に出る窪んだようになる縦線(frameborder!?)と縦のスクロールバーが出てしまいます。 これを表示しないようにしたいのですが、どうやっても消す事が出来ません。 これを無くし自然な感じにするには、どのようにしたら良いでしょうか? 是非教えてください。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • 画像をランダムに

    JavaScript初心者です。回答していただければさいわいです。 初心者といってもタグサイトからコピペしていじくるだけの者ですが。 画像をランダムに表示したいと思いJavaScriptを使用したのですが うまく表示させることができません。 画像自体表示していないことになってしまいます。 画像を表示させたい部分に <SCRIPT language="JavaScript"> <!-- // img = new Array(); img[0] = "t/1.jpg"; img[1] = "t/2.jpg"; img[2] = "t/3.jpg"; img[3] = "t/4.jpg"; img[4] = "t/5.jpg"; n = Math.floor(Math.random()*img.length); document.write("<img src='"+img[n]+"' border='0'>"); //--> </SCRIPT> とタグをうっているのですが、なにか足りないところがあるのでしょうか?