- 締切済み
ボタンを押すと、テキストエリアに文字が出て、さらにそれを
アレンジしたいのです。 <FORM> <INPUT type="text" value="テスト" name="b1" size="55"> <br> <font style="font-size:15px" color="#666666">ボタンをクリック！</font> <INPUT type="button" value="ボタン" onclick="b1.value='こうゆうふうに字が出る'"> </FORM> 上記のようにして「ボタン押す=文字出る」を作りました。 さらには、１文字づつもったいぶって、文字を出したいのです。 別の、タグで「勝手に１文字づつ出る」のは、あったと思いますが、ボタンで、動作開始をしたいと思います。 何か、よいアイデアはありますでしょうか？
- みんなの回答 （5）
- 専門家の回答
みんなの回答
- kumagoro-
- ベストアンサー率57% (36/63)
こうゆうのはいかがでしょうか？ setTimeoutの第二引数の1000は表示される間隔でミリ秒単位です。2000とすれば2秒ごとに表示されます。 <html> <head> <title></title> <script language="JavaScript"> var i = 1 function hyoji(){ var msg = 'こうゆうふうに字が出る'; if(i <= msg.length){ timerID = setTimeout("hyoji()",1000); document.forms[0].b1.value = msg.substr(0,i); i = i + 1; }else{ clearTimeout(timerID); i = 1; } } </script> </head> <body> <form> <input type="text" name="b1"> <input type="button" onClick="hyoji();"> </form> </body> </html>
お礼
ありがとうございます まるまるコピーして、確かめた所 ボタンを押しても、何もおきませんでした・・・ ボタンが小さかったので「value="ボタン"」を追加して 再度挑戦してみても、同じでした。 他に手直しをするところと言うと・・・・ うぅ、分かりません ようやくhtmlの法則を覚えたところなので JavaScriptの「}」とか「;」が出てくると てんで分からなくなってしまうのです。 大変恐縮ですが、あと一歩のところだと思うのです タイプミスなど、もしありましたら再度 回答ください。 よろしくおねがいします
- duckling
- ベストアンサー率47% (88/185)
アイディアという事なので具体的に書きませんが。 <INPUT type="button" onclick="hyoji()"> として<head>の中に function hyouji() { } とし、 プログラムの中身は テキストボックスの中身の文字列長(.length)を参照して、次に表示する条件分岐を書く。 （テキストボックス内が「こうゆ」の時は「こうゆう」の表示に入れ替えるような） 文字列が長くなると苦しいので 繰り返し処理で書くと簡潔になる思います。 他にもアイディアがあると思いますが頑張ってください。
お礼
ありがとうございます 少し、レベルが高い説明なようで、よくわかりません すみません・・・ 先述のhtmlを手直ししていだくと大変光栄なのですが 手直しでは不可能なのかもしれないし・・・ No#1の方のリンクは、それができてますが むちゃくちゃ大変そうです。 これは、難しいことのようですね PS. 分からなかった表記は >プログラムの中身 >文字列長(.length) >条件分岐 >繰り返し処理 でした
↓JavaScriptで、ボタンを押すと、１文字ずつ出る ページです。前にも紹介されてました。コピーして 使えるかもしれませんが、大変かも？
お礼
ありがとうございます うわ～、大変ですねぇ！ どこが必要で、どこが不必要かが全然分からない。 研究してみます
お礼
色々とすみません、ほんとうに 使用機材は、Mac OS.9.2.2 IE.5.0 です ちなみにISDNです。 >(「"」や「;」や「～.～.～」の記号も意味があり、 >理解していないと自分用にアレンジするのも辛いです) そうですね、エクセルのマクロも断念したところです・・・なんか、似てる気がします。