animer contenu textarea

Question

J'ai un paragraphe de texte saisi par l'utilisateur dans une zone de texte.

line1 
line2 
line3 

intially tout le texte serait noir quand un bouton est pressé changements de couleur de chaque ligne progressivement rouge (2 sec chaque ligne)

cela peut être fait avec seulement jquery?

Answer 1

EDIT: Désolé encore mate n'a pas réalisé que vous avez dit TEXTAREA cette fois.

Non, cela ne peut pas être fait. Cependant, vous pouvez le faire:

Lorsque vous appuyez sur le bouton, masquez la zone de texte et affichez une div à sa place avec le contenu de la zone de texte. Effectuez l'animation sur cela à la place. Bien sûr, il ne serait plus modifiable, mais comme je ne sais pas ce que vous essayez d'obtenir, cela pourrait être une solution de rechange.

Voici un exemple de ce qui précède.

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