animieren textarea Inhalt

Question

Ich habe eine Paragragh von Benutzer eingegebenen Text in einem Textfeld.

line1 
line2 
line3 

intially alle Text würde schwarz sein, wenn eine Taste jede Zeile der Farbe wechselt auf Rot allmählich gedrückt wird (jede Zeile 2 sec)

kann dies mit nur jquery getan werden?

Answer 1

EDIT: Entschuldigung wieder Kumpel wusste nicht, dass Sie TEXTAREA dieses Mal sagten.

Nein, es kann nicht getan werden. Sie können dies jedoch tun:

Wenn die Schaltfläche gedrückt wird, ausblenden Sie die TextArea und zeigen Sie ein Div an seiner Stelle mit dem Inhalt aus der TextArea. Führen Sie stattdessen die Animation aus. Natürlich wäre es nicht mehr editierbar, aber da ich nicht weiß, was Sie erreichen möchten, könnte dies ein Workaround sein.

Hier ist ein Beispiel für oben.

<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>