入力した文字をステータスバーに流したい

解決済

質問者：akigogo
質問日時：2006/11/28 23:19
回答数：1件

フォームに入力された文字をステータスバーに流したいのですがどうしてもわかりません。（動かさずに表示させることは出来ました。）

<html>
<body>
<form method="post">
文章を入力してください<br>
<input type="text" size="30" onchange="a(this)">
</form>
</body>
</html>
<script language="javascript">

function a(t){
tt=t.value;
nagasa=tt.length;
text=tt.substring(2,nagasa) + tt.substring(0,2);
window.status=text;
setTimeout("a('"+text+"')",1000);
}

自分でも何かおかしいと思うのですがどうしても思いつけません。
わかる方教えてください。よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： karumakaruma
回答日時：2006/11/29 16:13

いろいろとあるので、順番に行きます。

・a()に渡されている引数が違う
onChange時にa()にthisを渡していますが
a()内ではtextを渡しています。
onChange時にthis.valueを渡す様にしましょう。

・停止を行っていない
onChangeで行う場合、変更がある度に
a()が実行されるので、複数の文字がステータスバーを
流れる事になります。
という事で、onChangeでa()が実行される度に
その前に動いていたa()を止めないといけません。

・<script>の場所がおかしい
これは直接関係ありませんが、<script>が<html>～</html>の
外にあります。
一応動くようですが、ブラウザによっては動かないかもしれません。

a()の停止処理があるので、１個functionを間に挟んだ形での
サンプルです。
--------------- ここから -----------------
<html>
<head>
<script language="javascript">

</script>
</head>
<body>
<form method="post">
文章を入力してください<br>
<input type="text" size="30" onchange="loop_string(this.value);">
</form>
</body>
</html>
------------- ここまで ----------------