Zone de texte à expansion automatique

Question

Lorsqu'une zone de texte contient plus de texte que ce qui peut être affiché, elle affiche des barres de défilement. Comment puis-je faire en sorte que la zone de texte se développe quand elle a plus de texte qu'elle ne peut afficher. Mon but est de ne jamais faire apparaître de barres de défilement. Une solution jQuery est préférée.

Answer 1

Voici un exemple de travail:

http://blogs.sitepointstatic.com/examples/tech/textarea-expander/index.html

Il contient du code téléchargeable ainsi que des instructions de mise en œuvre.

Answer 2

http://jacklmoore.com/autosize/

// Example: 
$(document).ready(function(){ 
    $('textarea').autosize();  
}); 

aussi simple que cela. Je pense 8).

Answer 3

J'ai des problèmes avec autosize() pour ce que je fais si j'utilise une méthode légèrement différente que je poste juste au cas où il est utile aux autres

Le comportement que j'ai besoin est un textarea avec son hauteur dimensionnée en charge et redimensionnée en cas de perte de focus (une modification se termine).

function updateAddressHeight() { 
    var lineHeight=16; //Whatever you need 
    address = $("#Address").val() 
    lines = address.split("\n"); 

    $("#Address").height((lines.length * lineHeight)); 
} //funct 

$(document).ready(function(){ 
    $("#Address").change(function() { 
     updateAddressHeight(); 
    }); 

    updateAddressHeight(); 
})