Browsing all articles tagged with jquery

Redimensionner un textarea avec jquery

Automatiquement et verticalement !

blog-textarea-autosize-001

Voici une fonction javascript qui permet de redimensionner verticalement et automatiquement une textarea.

function autoresize_textarea(target) {
var $textarea = $(target);
$textarea.css("height", ($textarea.attr("scrollHeight") + 20));
$textarea.keyup(function(){
var current_height = $textarea.css("height").replace("px", "")*1;
if (current_height + 5 <= $textarea.attr("scrollHeight")) {
$textarea.css("height", ($textarea.attr("scrollHeight") + 20));
}
});
}

Ensuite vous pouvez appeler cette fonctions grace au code ci-dessous :

autoresize_textarea("textarea#ma-textarea");