• 締切済み

テキストボックスにいくつかのメッセージを表示させ、なおかつ個々のメッセージにリンクを張りたい

テキストボックスにいくつかのメッセージを表示させ、なおかつ個々のメッセージにリンクを張りたいのです。 以下のスクリプトでテキストボックスにメッセージを表示させることはできるのですが、リンクの張り方がわかりません。 よろしくご教授お願いいたします。 <SCRIPT LANGUAGE="JavaScript"> <!-- smes=new Array(5); smes[0]="111111"; smes[1]="222222"; smes[2]="333333"; smes[3]="444444"; smes[4]="555555"; n=0; function Some_Mes(){ document.myForm1.myMes.value=smes[n]; n++; if(n==5){n=0} setTimeout("Some_Mes()",5000); } //--> </SCRIPT> </head> <body onload="Some_Mes()" bgcolor="#FFFFFF" link="#000000" vlink="#000000" alink="#CCCCCC"> <FORM name="myForm1"> <INPUT type="text" name="myMes" size="50" style="text-align:center"> </FORM> </body>

みんなの回答

noname#199778
noname#199778
回答No.1

テキストボックスの中にHTMLの記述はできないと思いますので、テキストボックスでご質問のような動作を実現するのは無理だと思います。 代替案ですが、IE5.x以降、Netscape6以降などで導入されたDOMを利用した、以下のようなソースではいかがでしょうか。 <html> <head> <SCRIPT LANGUAGE="JavaScript"> <!-- smes=new Array(); smes[0]="111111"; smes[1]="222222"; smes[2]="333333"; smes[3]="444444"; smes[4]="555555"; slct= new Array(); slct[0]="***1.html"; slct[1]="***2.html"; slct[2]="***3.html"; slct[3]="***4.html"; slct[4]="***5.html"; /* 以上、リンク先のURLの配列 */ n=0; function Some_Mes(){ if (document.getElementById){ document.getElementById("lnk1").innerHTML=smes[n]; document.getElementById("lnk1").href=slct[n]; n++; if(n==5){n=0} setTimeout("Some_Mes()",5000); } } //--> </SCRIPT> </head> <body onload="Some_Mes()" bgcolor="#FFFFFF" link="#000000" vlink="#000000" alink="#CCCCCC"> <div id="lnkbox" style="border: 2px silver groove; text-align: center; width: 20em; height: 1em;padding: 1px; oveflow: hidden;"><a href="***1.html" id="lnk1">11111</a></div> </body> </html> 古いブラウザなどでは正常に反映されない可能性がありますが… 参考になれば。

関連するQ&A

  • テキストボックスの背景色について

    <html> <body> <form name="form1"> <input type="text" value="よろしく" name="text1"> <script language="javascript"> document.form1.text1.style.background-color = "green"; </script> </form> </body> </html> これはテキストボックスの背景色をグリーンにするプログラムなんですがうまくいきません。どこが間違っているのか指摘してください。

  • 【FireFox】サブウィンドウ表示とテキストボックス値

    メインのウィンドウにテキストボックスとボタンがあり、 ボタンをクリックするとjavascriptによりサブウィンドウ が開くHTMLがあります。 しかし、FireFoxに限り、ボタンを押してサブウィンドウ を開くとメインのHTMLのテキストボックスに入力していた 値が消えてしまいます。 ================ main.html ===================== <html> <head> <script Language="JavaScript"><!-- function openSubWin(){ window.open("sub.html","window","width=300,height=300"); } // --></script> </head> <body> <form action="#" name="myform"> <input type="text" name="no"> <button id="button1" onclick="openSubWin();" >サブウィンドウ</button> </form> </body> </html> ================== サブウィンドウ ================ <html> <body> サブウィンドウ </body> </html> IEでは問題ありませんでした。 何か解決方法はありますでしょうか? 宜しくお願いします。

    • ベストアンサー
    • HTML
  • テキストボックスにスクロールする文字列を表示する。

    テキストボックスにスクロールする文字列を表示する方法を知りました。^^ これはできたのですが、同じページで、「★メッセージ1」の他に 「別の表示」をさせたいのですがどうしたらいいんでしょうか? 例えば、「★メッセージ2」。など  <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- msg="★メッセージ1     "; function scroll(){ msg=msg.substring(1,msg.length)+msg.substring(0,1); document.myform.mytext.value=msg; setTimeout("scroll()",300); } //--> </SCRIPT> </HEAD> <BODY onLoad="scroll()"> <CENTER> <FORM name="myform"> <INPUT name="mytext" size="20"> </FORM> </CENTER> </BODY> </HTML>

  • テキストボックスに日付を入れるには

    HomepageBuilderを使っています。ページを開いたらテキストボックス("today")に今日の日付が書き込まれるようにしたいのですが、どうしたらいいのですか? (どういうわけかいつもJavaScriptの例文ではform でつくるテキストボックスの画面上の位置が左上ばっかり!!)次の例もそうです。 html> <head> <title>テキストフィールドに現在の日付を表示する</title> <script Language="JavaScript"><!-- function pDate() { dt = new Date(); m = dt.getMonth() + 1; d = dt.getDate(); document.myFORM.date.value = m+"月"+d+"日"; } // --></script> </head> <body onLoad="pDate()"> <form name="myFORM"> 日付:<input type="text" name="date"> </form> </body> </html> 私は初心者なので、ビルダーで画面中央(!!)に貼り付けた1つのテキストボックスにどうやったら名前を付けられるのかもわからず、一応event のScriptを書くところに行ったらIDをいれる所が見つかり、"today"としました。上の例のどのように書き直せば"today"にonLoad というイベント処理で日付を書き込めるのですか? このコーナー最低レベルの質問者です。よろしく。。

  • 子ウィンドウから親ウィンドウのテキストフィールドにデータを表示する

    子ウィンドウのリンクをクリックするとそのリンクの内容が親ウィンドウのテキストフィールドの中に表示されるというのを作りたいのですが、 親ウィンドウ <html> <head> <title>サブウィンドウから親ウィンドウのテキストフィールドにデータを表示する</title> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> </head> <body> <a href="javascript:;" onClick="MM_openBrWindow('subwindow.html','','width=160,height=160')">open</a> <form name="myFORM"> <input type="text" name="tBox"> </form> <form name="myFORM2"> <input type="text" name="tBox2"> </form> </body> </html> 子ウィンドウ <html> <head> <title>サブウィンドウから親ウィンドウのテキストフィールドにデータを表示する</title> <script Language="JavaScript"> <!-- function setData() { window.opener.document.myFORM.tBox.value="灯油ストーブ"; } function setData2() { window.opener.document.myFORM2.tBox2.value="シャワー"; } // --> </script> </head> <body> <a href="#" onClick="setData()">灯油ストーブ</a> <a href="#" onClick="setData2()">シャワー</a> </body> </html> これではリンク数とテキストフィールド数が同じじゃないといけないですよね。 作りたいのはテキストフィールドは15個あって、リンクの方は70個ぐらいあります。リンクをクリックするとテキストフィールドの中へ順々に表示させたいのですが、どうしたらよいのでしょうか? どうかアドバイスをお願いいたします。

  • テキストボックス途中で切れてしまう

    テキストボックス内でスクロールする文字を作成したのですが、MACのIEで見るとテキストボックスの途中で切れてしまいます。 msg="メッセージ"; function scroll(){ msg=msg.substring(1,msg.length)+msg.substring(0,1); document.myform.mytext.value=msg; setTimeout("scroll()",200); } == HTML部分 == <form name="myform"> <input type="text" style="border:0px #ffffff;width:493px; height:18; color:#000000; font-size:13px; background-color:#ffffff" name="mytext" size="95"> </form> ============ 何か指定事項が足りないのでしょうか?

    • ベストアンサー
    • HTML
  • テキストボックスに文字飾り表示(2の3乗)が出来ない。

    テキストボックスに文字飾り表示(2の3乗)が出来ない。  JavaScriptを使用しテキストボックスに上付き、下付き文字を表示したいのですが上手く表示しません。HTMLのコードが出てしまいます。下記簡単なコードを添付しますので、何方か正しい表示方法を教えてください。 参考までにコード中(1)は正しく表示できず(テキストボックス中)、(2)は正しく表示します。(非テキストボックス) <HTML> <HEAD> <SCRIPT language="JavaScript"> function disp(){ var c=new Array("2"+"3".sup(),"1","2"); document.tm.a1.value=c[0]; // (1) document.write(c[0]); // (2) } </SCRIPT> </HEAD> <body> <FORM name="tm"> <INPUT type="button" value="" onClick="disp()"> <INPUT name="a1" type="text" size="20" width="10"> </FORM> </body> </HTML>

  • テキストボックスの中にリンクを貼りたい

    他の方がすでに質問されていたらすみません。急いでいます。 テキストボックスの中にリンクを貼りたいのです。 <FORM>  <textarea name="name"readonly>   http://**** </textarea> </FORM> カテ違いかもしれないのですが、何か方法があれば教えてください。 もしくは有用なURLをお願いします。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • htmlのテキストボックスに書かれた文字によって

    htmlのテキストボックスに書かれた文字によって表示する文字を変えたいのですが、コードがいまいちどうやって書いていいかわからないのでコードを教えて下さい。よろしくお願いします。 一応できなかったコード↓ <Form name="js"> <input type="text" name="txtb"> </Form> <script> <br> if(document.js.txtb.value="a"){document.write("a")} </script>

  • サーバサイドで取得した内容をテキストボックスに値を表示する

    クライアント側で入力したキーにより、サーバサイドでデータベース検索を行い、その結果をテキストボックスに表示させたいのですが、 <INPUT TYPE="TEXT" NAME="ANSER" VALUE= "<% = .Fields("ANSER").Value %>"> SESSION("ANSER") = .Fields("ANSER").Value <INPUT TYPE="TEXT" NAME="ANSER" VALUE= "<% = SESSION("ANSER") %>"> <INPUT TYPE="TEXT" NAME="ANSER" %> <script LANGUAGE="VBScript"> myForm.ANSER.value = <% = SESSION("strchiku") %> </SCRIPT> などとやってもうまくいきません。 変数だとうまくセットされないようです。 ちなみに、ASPで、FORM をSUBMITすると自分自身を呼び出すようになってます。 <HTML> <% データベース検索処理 %> <FORM> <INPUT> </FORM> </HTML> どなたかお知恵をお貸しくださいませんか。