- ベストアンサー
スクロールの中の文章を日ごとにかえる
Spurの回答
- Spur
- ベストアンサー率25% (453/1783)
JavaScriptの場合は、表示させたい文字列をすべて変数で格納する必要がありますので、例えば、１日～３１日でメッセージを変えたければ、３１種類のメッセージを用意する必要があります。 ３６５日すべてを変えたければ、３６５個の変数を用意します。 それが嫌なら、主語、熟語、目的語などに変数を分けて、それを組みたてながら出せば、少しの容易でたくさんの組み合わせができます。 ここまでJavaScriptが書けるひとだから、ヒントだけでも良いのかな？ msg = の前に、msg(1)～msg(31)でメッセージを３１個用意します。 そして、日付判定ルーチンを作って、取得した日付で配列変数の変数部分を指定すれば簡単ですね？
関連するQ&A
- テキストボックスにスクロールする文字列を表示する。
テキストボックスにスクロールする文字列を表示する方法を知りました。^^ これはできたのですが、同じページで、「★メッセージ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>
- ベストアンサー
- JavaScript
- テキストボックス途中で切れてしまう
テキストボックス内でスクロールする文字を作成したのですが、ＭＡＣのＩＥで見るとテキストボックスの途中で切れてしまいます。 msg="メッセージ"; function scroll(){ msg=msg.substring(1,msg.length)+msg.substring(0,1); document.myform.mytext.value=msg; setTimeout("scroll()",200); } ＝＝ ＨＴＭＬ部分 ＝＝ <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
- ロリポブログで下の部分に流れるメッセージを作りたいのですが、どうしたらいいですか？
ロリポブログで、 <SCRIPT language="JavaScript"> <!-- msg=" ようこそ♪ お気に入りに追加してくださいね！ "; function scroll(){ msg=msg.substring(1,msg.length)+msg.substring(0,1); window.status=msg; setTimeout("scroll()",300); } //--> </SCRIPT> というスクリプトを<head></head>の間に入れてみたのですが、 うまくいきませんでした。 どのようにしたらよいか教えていただけますか？
- ベストアンサー
- JavaScript
- 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で指定をすると文字から空白まですべてに下線が付いてしまいます。 説明が悪いかもしれませんが、もしお分かりになる方おられましたら、参考サイトでも かまいませんのでお教えいただけますと幸いです。
- 締切済み
- JavaScript
- テキストボックスを使い、必要な時だけ枠を消す
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> ***************************************
- ベストアンサー
- JavaScript
- 画面の下に流れる文字を表示する方法
タイトル通りですが、ＯＣＮのホームページで 画面の下のバー（？）の部分に文字を流したいのですが できるでしょうか？ ホームページビルダーで他の方のソースを切り取って きました。 たぶんこの部分です。 <SCRIPT language=JavaScript> <!-- var msg = "ようこそ！○○○○"; var delay = 100; var pos = 100; function scroll_status() { setTimeout("scroll_status()", delay); var out = ""; if (pos >= 0) { for (c = 0; c < pos; c++) { out += " "; } out += msg; } else { out = msg.substring(-pos, msg.length); } pos = (-pos > msg.length) ? 100 : pos - 1; window.status = out; } scroll_status(); //--> </SCRIPT>
- ベストアンサー
- 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に張ると小さい文字表示の部分が出てきて 右から左にむかって文字が流れていきますが、途中から 文字の表示速度が速くなっています。 これてなぜか自分でもいろいろとやってみたのですが、いまいちよくわかりません。 説明をお願いできますでしょうか。 よろしくお願いします。
- 締切済み
- JavaScript
- JavaScriptでの文字の流れる掲示板について
ホームページのJavaScriptで、「文字が流れる掲示板」のソースを下記に書きましたが、文字の色やFormの背景色などは、どのように変更したらよいでしょうか、分かりましたら教えてください。よろしくお願いします。 <FORM NAME="time"><INPUT TYPE="text" NAME="str" SIZE="100" ></FORM> <SCRIPT LANGUAGE="JavaScript"> <!-- str = "helloword !!"; str = " " + str; i = 0; function tick() { document.forms['time'].elements['str'].value = str.substring(i, str.length) + str.substring(0, i); i = ++i % str.length; setTimeout("tick()", 120); } tick(); // --> </SCRIPT>
- ベストアンサー
- 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> 上記のようなメッセージボックスをページに貼り付けているのですが、 バックグラウンドを黒、スクロールして流れる、テキストボックスのメッセージの色をオレンジに したいのです。 バックグラウンドの黒はできたのですが、テキストをオレンジにするにはどうすればよいのでしょうか？
- ベストアンサー
- 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> 宜しくお願い致します。
- ベストアンサー
- JavaScript