ボタンを押すと、テキストエリアに文字が出て、さらにそれを

締切済

質問者：bongo8
質問日時：2002/07/03 20:27
回答数：5件

アレンジしたいのです。
<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件)

最新から表示
回答順に表示

No.5

回答者： noname#10457
回答日時：2002/07/05 01:20

質問文を読む限り、提案するだけで充分だと思ったのですが、はてさて…。

kumagoro-さんが、質問に充分沿ったプログラムを書いて頂いてるので、具体例は控えておきます。

故に、代返の形になります。

私の方ではkumagoro-さんのJavaScriptプログラムは問題なく動いております。
koboyさんの参考ＵＲＬの方は動いているという事なのでJavaScriptが全く動かない環境では無いのでしょう。
ですが、JavaScriptはブラウザの種類・バージョンによって使えるスクリプトが多少違っており、
それが原因で人によって動作がまちまちだったりしますのでその可能性は無いでしょうか？

前述のプログラムが動いた私のブラウザ環境は、Windows,InternetExplorer6です。

ご自身で解決できる自信が無いのであれば
bongo8さんの使用しているブラウザを明記して頂くと
後の回答者の回答が楽になるかと思います。

あとJavaScriptは簡易プログラミング言語であり
簡易とは言っても、プログラミングの考えを要するので、
HTMLとは別個で、根本的な理論から学んだ方が良いと思います。
(「"」や「;」や「～.～.～」の記号も意味があり、理解していないと自分用にアレンジするのも辛いです)

- 0
- 件

通報する

この回答へのお礼

色々とすみません、ほんとうに
使用機材は、Mac OS.9.2.2 IE.5.0 です
ちなみにISDNです。

>(「"」や「;」や「～.～.～」の記号も意味があり、
>理解していないと自分用にアレンジするのも辛いです)

そうですね、エクセルのマクロも断念したところです・・・なんか、似てる気がします。

通報する

お礼日時：2002/07/06 13:25

No.4

回答者： kumagoro-
回答日時：2002/07/04 10:09

こうゆうのはいかがでしょうか？

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>

- 0
- 件

通報する

この回答へのお礼

ありがとうございます
まるまるコピーして、確かめた所
ボタンを押しても、何もおきませんでした・・・
ボタンが小さかったので「value="ボタン"」を追加して
再度挑戦してみても、同じでした。
他に手直しをするところと言うと・・・・
うぅ、分かりません
ようやくhtmlの法則を覚えたところなので
JavaScriptの「}」とか「;」が出てくると
てんで分からなくなってしまうのです。
大変恐縮ですが、あと一歩のところだと思うのです
タイプミスなど、もしありましたら再度
回答ください。
よろしくおねがいします

通報する

お礼日時：2002/07/04 20:26

No.3

回答者： duckling
回答日時：2002/07/04 07:35

> 別の、タグで「勝手に１文字づつ出る」のは、あったと思いますが

HTMLだけでは、勝手に１文字ずつ文字を出すことは出来ません。
で、下の方々がお勧めして下さっているのは JavaScript で、

<INPUT type="button" value="ボタン" onclick="b1.value='こうゆうふうに字が出る'">

↑実はこれも JavaScript です。

JavaScript のお勉強をして、
JavaScript のカテゴリで質問なさってはいかがでしょうか。

- 0
- 件

通報する

No.2

回答者： noname#10457
回答日時：2002/07/03 20:55

アイディアという事なので具体的に書きませんが。

<INPUT type="button" onclick="hyoji()">
として<head>の中に
function hyouji()
　{
　}
とし、
プログラムの中身は
テキストボックスの中身の文字列長(.length)を参照して、次に表示する条件分岐を書く。
（テキストボックス内が「こうゆ」の時は「こうゆう」の表示に入れ替えるような）

文字列が長くなると苦しいので
繰り返し処理で書くと簡潔になる思います。
他にもアイディアがあると思いますが頑張ってください。

- 0
- 件

通報する

この回答へのお礼

ありがとうございます
少し、レベルが高い説明なようで、よくわかりません
すみません・・・
先述のhtmlを手直ししていだくと大変光栄なのですが
手直しでは不可能なのかもしれないし・・・
No#1の方のリンクは、それができてますが
むちゃくちゃ大変そうです。
これは、難しいことのようですね

PS.
分からなかった表記は
>プログラムの中身
>文字列長(.length)
>条件分岐
>繰り返し処理
でした