- ベストアンサー
テキストボックスにスクロールする文字列を表示する方法
- テキストボックスにスクロールする文字列を表示する方法を知りました。同じページで「別の表示」をさせたい場合、どうすればいいのでしょうか？
- タグ内のJavaScriptを使用して、テキストボックスにスクロールする文字列を表示することができます。しかし、同じページで「別の表示」をさせる方法については詳しく知りたいです。
- HTMLのタグとJavaScriptを組み合わせて、テキストボックスにスクロールする文字列を表示することができます。ただし、同じページで別の表示をさせるためにはどのような方法がありますか？
- sakura5678
- お礼率90% (67/74)
- JavaScript
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
<FORM name="myform"> <INPUT name="mytext1" size="20"><br> <INPUT name="mytext2" size="20"> </FORM> といったHTMLを想定していますが ・・・
その他の回答 (2)
- redfox63
- ベストアンサー率71% (1325/1856)
テキストボックスが違うものをということであれば <script language="JavaScript"> <!-- var msg1="★メッセージ1 "; var msg2="★メッセージ2 "; var timer1, timer2; var t1, t2; function scroll(obj, t, m){ var msg; if ( t != undefined ) { clearTimeout( t ); } if ( m == undefined ) { m = obj.value; } msg = m.substring(1, m.length) + m.substring(0,1); obj.value = msg; if ( obj == t1 ) t = setTimeout("scroll( t1, timer1 );",300); else t = setTimeout("scroll( t2, timer2 );",150); } //--> </script> といった具合にします bodyタグは <body> だけにして </body>の直前に <script type="text/javascript"> window.onload = function(){ t1 = document.myform.mytext1; t2 = document.myform.mytext2; scroll(t1, timer1, msg1); scroll(t2, timer2, msg2); }; </script> としてみてください
補足
ありがとうごさいます。。。 いちよう、やってみたのですが、うまくいきません。 ソースの意味がわすらないのでカンなんでが。。。 もしかして、この記述は、「切り替え」ているような感じんまですが、 <INPUT name="mytext" size="20">の表示部分が2つに、別々にほしいのですが、1つしか表示されない感じです。 表示部分が別々で、メッセージも、別のものを表示したいのですが、どうなんでしょうか? (ちなみに、「1つの表示部分」に、「別々」の表示をしたい。ということではありません) 理解不足なので、うまく、説明できなくて失礼します。<(_ _)>
- redfox63
- ベストアンサー率71% (1325/1856)
関数scrollに引数を持たせて 以下のようにしてみましょう <SCRIPT language="JavaScript"> <!-- var msg1="★メッセージ1 "; var msg2="★メッセージ2 "; function scroll( strMsg ){ var msg; if ( strMsg != undefined ) { // 引数が省略された場合 mytextから文字列を取得 strMsg = document.myform.mytext.value; } msg = strMsg.substring(1, strMsg.length)+ strMsg.substring(0,1); document.myform.mytext.value = msg; setTimeout("scroll()",300); } //--> <BODY onLoad="scroll(msg1)"> <CENTER> <FORM name="myform"> <INPUT name="mytext" size="20"><br> <INPUT type="checkbox" onmousedown="scroll( this.checked ? msg2 : msg1 );">msg1/msg2 </FORM> </CENTER> </BODY> といった具合です
補足
こんにちわ。(^^; 質問なのですが。。。 なんか、編集画面が表示されなくなってしまったので、確認できないのですが。。。 これは、「一つ」のボックスで、「2種類」のメッセージを切り替える?というものでしょうか? もしかして。。。 もし、そうでしたら、そうではなく、 「★別々」のボックスで、「別」のメッセージを表示したいのですが? その場合は、どうしたらいいでしょうか? わかりづらい質問ですが、よろしくお願いいたします。<(_ _)>
お礼
動きましたぁぁぁ >_< どうもありかどうごさいまぁぁぁぁす。