Avatar billede wolfgang Praktikant
06. april 2006 - 09:48 Der er 1 kommentar og
1 løsning

Tilpas højde på form felt

Hej Eksperter,

Jeg har længe tænkt på, om det ikke er muligt at tilpasse et form felts højde automatisk, mens der indtastes data i det?

F.eks. Som udgangspunkt er tekst-feltet 15px højt, men så snart at der ikke kan være flere tegn i længden, udvides feltet med en ny linje.

Er der nogen Eksperter, der har et eksempel liggende på det?

Glæder mig til at høre fra jer.

MVH
Henrik
Avatar billede asger.friis Nybegynder
15. april 2006 - 14:20 #1
Her er en side der gør hvad du beskriver:

<html>
<head>
</head>
<body onload="cleanForm();">
<script type="text/javascript">
<!--
function countLines(strtocount, cols) {
    var hard_lines = 0;
    var last = 0;
    while ( true ) {
        last = strtocount.indexOf("\n", last+1);
        hard_lines ++;
        if ( last == -1 ) break;
    }
    var soft_lines = Math.round(strtocount.length / (cols-1));
    var hard = eval("hard_lines  " + unescape("%3e") + "soft_lines;");
    if ( hard ) soft_lines = hard_lines;
    return soft_lines;
}
function cleanForm() {
    var the_form = document.forms[0];
    for ( var x in the_form ) {
        if ( ! the_form[x] ) continue;
        if( typeof the_form[x].rows != "number" ) continue;
        the_form[x].rows = countLines(the_form[x].value,the_form[x].cols) +1;
    }
    setTimeout("cleanForm();", 300);
}
// -->
</script>

<form>
<p><textarea cols="60" rows="2" name="reason">Noget tekst</textarea></p>
</form>
</body>
</html>
Avatar billede wolfgang Praktikant
20. april 2006 - 08:42 #2
Hej Asger, Beklager forsinkelsen.
Tak for det præcise og brugbare svar.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester