Auto-justering af højden i en textbox

Tags:    javascript

Davs :D

Jeg har brug for en textbox, der automatisk justerer sin højde efter hvor mange linjer tekst den indeholder.
Altså vil den aldrig få en scrollbar.
Facebook bruger dette, når man skriver kommentarer til diverse ting.

Jeg kan intet javascript eller AJAX.



9 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 3 karma
Sorter efter stemmer Sorter efter dato
<script type="text/javascript">
function adjustArea(areaid){
area=document.getElementById(areaid);
area.rows=area.value.split(/\n/).length;
}
</script>
</head>
<body onload="adjustArea('a');">
<textarea id="a" rows=1; cols="24" onkeyup="adjustArea(this.id);" onchange="adjustArea(this.id);"></textarea>
</body>



Super! Tusind tak :D

- Der er bare en fejl... Hvis man kopiere en lang tekst ind i boksen, bliver den kun 10 linjer høj med scrollbar.

... men det er ligemeget for mig ;)



Indlæg senest redigeret d. 07.01.2009 20:23 af Bruger #14201
Det eksempel forudsætter vel at der er [enter] for hver linie, altså at der trykkes enter hver gang den skal vokse en linie.

Se evt her for andre forslag:
http://www.aclevercookie.com/demos/autogrow_textarea.html

/J



Det er rigtigt ... men kan ikke se at det er løst i dit link.

Men tak for informationen :)



Indlæg senest redigeret d. 08.01.2009 12:20 af Bruger #14201
hmm ok, det virker ellers fint her :) uden man presser enter for linie skift, og ved indsættelse fra udklipsholder.

Bemærk der er flere eksempler på samme side.

/J



Indlæg senest redigeret d. 08.01.2009 14:31 af Bruger #5789
Ja mit eksempel forudsatte enter for hver linie og er enig i at dit eksempel ved mine simple testests virker gangske fint.



Super :D ... har fået det til at virke nu ;)

Har desværre givet pointene



jaja det var også bare en FYI..

Sad selv og skulle bruge, og ville lige selv forbedre det lidt, men fandt så ovenstående.

/J



Hehe okay :D



t