Zone de texte à redimensionner en fonction de la longueur du contenu

Question

Zone de texte à redimensionner en fonction de la longueur du contenu

Demandé el 15 de Juin, 2009: Quand la question a-t-elle été
30608 affichage: Nombre de visites la question a
4 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Cette question a déjà des réponses:

Création d'une zone de texte avec redimensionnement automatique (5 réponses )

J'ai besoin d'une zone de texte dans laquelle je tape mon texte dans la zone. Sa longueur augmente au besoin pour éviter de traiter avec des barres de défilement et il doit être réduit après la suppression de texte! Je ne voulais pas suivre la voie mootools ou jQuery parce que j'ai une forme légère.

Demandé el 15 de Juin, 2009 par san

Answer 1

4 Réponses

Answer 2

309voto

Alsciende Points 11508

Essaye ça :

 <html>
<head>
<script>
function textAreaAdjust(o) {
    o.style.height = "1px";
    o.style.height = (25+o.scrollHeight)+"px";
}
</script>
</head>
<body>
<textarea onkeyup="textAreaAdjust(this)" style="overflow:hidden"></textarea>
</body>
</html>

Il fonctionne sous Firefox 3, IE 7, Safari, Opera et Chrome.

Répondu el 15 de Juin, 2009 par Alsciende (11508 Points )

Answer 3

11voto

Ravimallya Points 2040

Une solution jQuery a été mise en œuvre et le code source est disponible dans github à l’ adresse suivante : https://github.com/jackmoore/autosize .

Répondu el 13 de Avril, 2014 par Ravimallya (2040 Points )

Answer 4

6voto

davesmiths Points 23

La réponse d'Alciende n'a pas fonctionné pour moi dans Safari pour une raison quelconque, mais l'a été après une modification mineure:

 function textAreaAdjust(o) {
    o.style.height = "1px";
    setTimeout(function() {
        o.style.height = (o.scrollHeight)+"px";
    }, 1);
}

J'espère que cela aide quelqu'un

Répondu el 4 de Août, 2013 par davesmiths (23 Points )

Answer 5

-4voto

BobbyShaftoe Points 19925

Une méthode consiste à le faire sans JavaScript et cela ressemble à ceci:

     <textarea style="overflow: visible" />

Répondu el 15 de Juin, 2009 par BobbyShaftoe (19925 Points )

Zone de texte à redimensionner en fonction de la longueur du contenu

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Zone de texte à redimensionner en fonction de la longueur du contenu

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: