スクロールするテキストボックスの文字色を変更する方法

このQ&Aのポイント
  • スクロールするテキストボックスの文字色をオレンジに変更する方法について解説します。
  • バックグラウンドを黒に設定し、さらにテキストボックスのメッセージの色をオレンジに変更する方法について詳しく説明します。
  • Javascriptを使用して、テキストボックスのメッセージの文字色をオレンジに変更する方法をご紹介します。
回答を見る
  • ベストアンサー

スクロールするテキストボックスの文字色について

<script language="javascript"> <!-- var speed = 400; var m1 = '<<挿入曲>> '; var m2 = '【トップページ】 : ~ '; var m3 = '【掲示板】 : ~ 「~」 '; var m4 = '【チャット】 : ~ 「~」  '; var m5 = '【写真館】 :  ~ 「~」 '; var m6 = ' '; var m7 = 'もうすぐ新学期♪'; var m8 = ' '; var msg = m1 + m3 + m4 + m5 + m6 + m7 + m8; msg = msg + msg; function formMsg(){ setTimeout("formMsg()",speed); msg = msg.substring(2,msg.length) + msg.substring(0,2); document.fgColor = "green"; document.msgbox.message.value = msg; // document.msgbox.message.fontcolor("#2EE005") // msg.fontcolor("#2EE005"); msg.fontcolor("orange"); } //--> </script> ~ <form name="msgbox"> <input type="text" name="message" size="100" height="10" style="background-color:black"> </form> 上記のようなメッセージボックスをページに貼り付けているのですが、 バックグラウンドを黒、スクロールして流れる、テキストボックスのメッセージの色をオレンジに したいのです。 バックグラウンドの黒はできたのですが、テキストをオレンジにするにはどうすればよいのでしょうか?

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

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

スタイル設定で  style="background-color:black; color:orange;" とでもしておけばいいんではないの? スクリプトで設定してもいいけど、色が変化するわけでもなさそうなので、意味がないですね。 ちなみに、ご提示のソースだけでは動作しません。

beterugius
質問者

お礼

ご回答ありがとうございました。 ちゃんと動作しました。

関連するQ&A

  • テロップのバックと文字の色が。。。

    メッセージボックスで、テロップを右から左に流す部品を作っているのですが、 どうしても、バックがブラックで、文字がオレンジにすることができません。 (なぜか、バックがオレンジで、黒の文字になってしまいます。) どこがおかしいのかご指摘願えないでしょうか。 HTMLのコードは下記のようなものにしてあります。 <script language="javascript"> <!-- var speed = 400; var m1 = '~'; var m2 = '~'; var m3 = '~'; var m4 = ' '; var m5 = '~'; var m6 = ' '; var msg = m1 + m2 + m3 + m4 + m5 + m6; msg = msg + msg; function formMsg(){ setTimeout("formMsg()",speed); msg = msg.substring(2,msg.length) + msg.substring(0,2); // document.bgColor = "black"; // document.fgColor = "orange"; document.msgbox.message.value = msg; msg.fontcolor("#2EE005"); } //--> </script> ↑のdocument.bgColor以下2行は、このコメントを外しても、バックがブラック、文字がオレンジに ならないので、恐らく、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>

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

    テキストボックス内でスクロールする文字を作成したのですが、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
  • javaスクリプトでリンク付のスクロールテキストを作成したいのですが、

    javaスクリプトでリンク付のスクロールテキストを作成したいのですが、困っております。 参考サイトを探し、下記の状態まで作成しております。 <html> <head> <script language="JavaScript"> <!----- var msg = "テキスト"; msg = msg + "     "; msg = msg + "テキス2"; msg = msg + "     "; var speed = 200; function textDisp(){ msg = msg.substring(1,msg.length) + msg.substring(0,1); document.form1.text1.value = msg; setTimeout("textDisp()",speed); } var winTarget = "_self"; var url = "http://www.yahoo.co.jp/"; function textlink(){ open(url, winTarget); } //-----> </script> </head> <body bgcolor="white" onLoad="textDisp();"> <form name="form1"> <input type="text" name="text1" size="60" onclick="textlink();" style="cursor:hand;border:none;color:#ff3399;" onMouseover="this.style.color='#ffcc00'" onMouseout="this.style.color='#ff3399'"> </form> </body> </html> 表示時に”テキスト”と”テキスト2”を独立してそれぞれ、違うリンク先に飛ばすには どのようにすればよろしいでしょうか? また、空白をのぞき、リンク部分だけに下線をつけたいです。 CSSで指定をすると文字から空白まですべてに下線が付いてしまいます。 説明が悪いかもしれませんが、もしお分かりになる方おられましたら、参考サイトでも かまいませんのでお教えいただけますと幸いです。

  • テキストボックスを使い、必要な時だけ枠を消す

    1行テキストボックスに文字を横から流すのですが、 msg0・1・2・3にメッセージを入れないときはテキストの枠を消したいのです。 誰が書くのか決まっていないので、作業としては必要な時だけ" "内にメッセージだけ書き込ませます。 つまり、書かない時はWEB画面上には何も現れて欲しくないです。こんなことは可能でしょうか?可能でしたら教えてください!!よろしくお願いします。 *************************************** <SCRIPT LANGUAGE="JavaScript"> <!-- msg0=""; msg1=""; msg2=""; msg3=""; msg=msg0+msg1+msg0+msg2+msg0+msg3; function scroll_msg(){ msg=msg.substring(2,msg.length)+msg.substring(0,2); document.f_scroll.t_scroll.value=msg; setTimeout("scroll_msg()",300); } //--> </SCRIPT> ***************************************

  • ステータスバーに文字を流したいんです。

    標題のとおりなんですが、↓のとおりでよろしいのでしょうか?今のところブログ上で文字が流れません。 ちなみにブログは「カフェスタ」です。 全くの素人であるため、どなたかご教授いただけましたらよろしくお願いします。 ソースはhttp://siriasu.s10.xrea.com/71t/javascript/js01.htmからひっぱってきました。 では、問題部分です↓ <head> <xxscript LANGUAGE="Javaxxscript"> <!-- var spead = 300// var m1="流したい言葉1" var m2="流したい言葉2" var m3="流したい言葉3" var msg=m1+m2+m3// msg=msg+msg function statusMsg(){ setTimeout("statusMsg()",spead); msg=msg.substring(2,msg.length)+msg.substring(0,2); window.status=msg } statusMsg() //--> </xxscript> </head> こうやってみたんですが、文字が流れないんですよね^^;

  • スクロールの中の文章を日ごとにかえる

    JavaScriptをつかってテキストボックス内の文字をスクロールさせる方法ってありますよねぇ・・・この文字列を日ごとに変える方法ってあるのでしょうか? <script language="Javascript"> <!-- msg="この部分に文字列を入力します    "; function scrollText() { document.myForm.scroll.value = msg; msg = msg.substring(1,msg.length)+msg.substring(0,1); } //--> </script> <body onload="setIntereval('scroll()',200)"> <form name="myForm"> <input type="text" name="scroll" size="50"> </form> SSIを使えれば、CGIスクリプトをつかって、日ごとに表示させる文字列、すなわちmsgの部分を書き換えて変更できるのですが・・・データベースから引っ張ってきて表示させるJavaScriptを使うとユーザー側の負担が大きいのも気になりますが・・・

  • 文字を一文字ずつ表示

    JavaScriptで文字を一文字ずつ表示するサンプルを見つけ、使おうとしたところdocument.allが使われていた為、ネスケで対応できない事が分かりました。ネスケ4.7で対応するようにするにはどのように変えたらいいのか教えて頂きたく宜しくお願いいたします。 <SCRIPT Language="JavaScript"> <!-- var msg="Welcome!!"; i=0; function Start(){ if(i<=msg.length){ if(document.all){ myText.innerHTML = msg.substring(0,i); }else if(document.layers){ document.myText.document.open(); document.myText.document.write(msg.substring(0,i)); document.myText.document.close(); } i=++i; setTimeout("Start()",200); }else{ i=0; setTimeout("Start()",1000); } } // --> </SCRIPT> </HEAD> <BODY onLoad="Start()"> <DIV id="myText"></DIV> </BODY> 宜しくお願い致します。

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

    <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> これはテキストボックスの背景色をグリーンにするプログラムなんですがうまくいきません。どこが間違っているのか指摘してください。

  • JavaScriptの文字表示速度

    こんにちは。 JavaScriptの事でお聞きしたい事があります。 まではこれを見てください。 <SCRIPT language="JavaScript"> <!-- msg = "ここにメッセージを入力すると、途中から少しだけ早くなる"; stcnt = 0; wid =60; blnk = ""; for(i=0; i<wid; i++) blnk += " "; str = blnk + msg ; timeID = 10; function scroller() { document.guide.message.value = str.substring(stcnt++,stcnt+wid); if (stcnt>msg.length + wid) stcnt=0; clearTimeout(timeID); timeID = window.setTimeout("scroller()",100); } // --> </SCRIPT> -------------------- 文字を出したいところに <SCRIPT language="JavaScript"> <!----- document.write("<CENTER><FORM NAME='guide'>") document.write("<INPUT TYPE='text' NAME='message' SIZE=40></FORM></CENTER>") scroller(); // --> </SCRIPT> -------------- と張ります。 このスクリプトですが、htmlに張ると小さい文字表示の部分が出てきて 右から左にむかって文字が流れていきますが、途中から 文字の表示速度が速くなっています。 これてなぜか自分でもいろいろとやってみたのですが、いまいちよくわかりません。 説明をお願いできますでしょうか。 よろしくお願いします。

専門家に質問してみよう