2009-07-23 7 views
0

私は、テキストエリアにユーザーが入力したテキストのparagraghを持っています。animate textarea content

line1 
line2 
line3 

ボタンが徐々に赤色に 各ラインの色の変化を押されたときintiallyすべてのテキスト(2秒各行) 黒であろう

こののみjQueryを使って行うことができますか?

答えて

1

EDIT:申し訳ありませんが再び仲間はあなたが今回TEXTAREAと言ったことを認識しませんでした。

いいえできません。しかし、これを行うことができます:

ボタンを押すと、テキストエリアを非表示にして、テキストエリアからの内容でdivを表示します。その代わりにアニメーションを実行します。もちろん、それはもはや編集可能ではありませんが、あなたがこれを達成しようとしていることがわからないので、回避策になる可能性があります。

これは上記の例です。

<textarea id="ta"></textarea> 
<div id="ta_div" style="display:none;"></div> 
<br/><input type="button" id="go" value="Go"/> 

<script> 
$("#go").click(function() 
{ 
    var text = document.getElementById("ta").value; 
    text = "<p>" + text.replace(/\n/g, "</p><p>") + "</p>"; 

    $("#ta_div").html(text); 
    $("#ta").hide(); 
    $("#ta_div").show(); 

    var i = -1; 
    var arr = $("#ta_div p"); 
    (function(){ 
    if(arr[++i]) 
    $(arr[i]).animate({ color: "#ff0000" }, 2000, "linear", arguments.callee) 
    })(); 
}); 
</script> 
+0

これはテキストエリア用です –

+0

ありがとうございました。 昨日投稿したサンプル は、すべての行を同時に変更します。一度に1行ずつ色を変更するにはどうしたらいいですか? –

+0

私の答えに加えた例を試してみてください。 –