Avatar billede Slettet bruger
18. juli 2008 - 13:43 Der er 6 kommentarer

<input type="Text"> Der kan udvide sig?

Har set et par steder en
<input type="Text"> Der kan udvide sig?
Hvis man fx. trykker Enter så udvider den sig lodret.

Noget der ved hvordan man laver sådan en?
Evt. en tutor et eller andet sted.

Venligst :)
K.
Avatar billede w13 Novice
18. juli 2008 - 14:06 #2
<script type="text/javascript">
function resizeTextarea(o){
    o.style.height = 10 + (o.value.split("\n").length * 12 * 1.3) + "px";
}
</script>

<textarea style="height:22px;overflow:hidden;font-size:12px" onkeyup="resizeTextarea(this)"></textarea>

F.eks.?
Avatar billede Slettet bruger
18. juli 2008 - 16:02 #3
Hey :)

Ja noget lign. det.

Den på det viste eks. opfører sig dog lidt anderledes, og jeg kan godt leve med den du har strikket sammen til mig :) - men hvis du er hardcore og det tager dig 3 sec... ikke for at lyde utaknemlig ;) Så må du da gerne :)

Når man fx. skriver i den, kunne det være super hvis den foldede sig ud sammen med teksten, altså så man kan se Alt der er skrevet, og den går fra at være en input text til en textarea, hvis du forstår?
Avatar billede roenving Novice
19. juli 2008 - 00:50 #4
Det kan ikke betale sig at tænke i at lave om på typen af form-elementer, begynd bare med et textarea, der har font-højden gange 1.2, altså i w13s eksempel 15px !-)
Avatar billede Slettet bruger
19. juli 2008 - 11:15 #5
roenving

Jeg syntes ikke der sker den helt store forskel hvis jeg ændre det du skriver?

<script type="text/javascript">
function resizeTextarea(o){
    o.style.height = 10 + (o.value.split("\n").length * 15 * 1.2) + "px";
}
</script>

<textarea style="height:22px;overflow:hidden;font-size:15px" onkeyup="resizeTextarea(this)"></textarea>

-
Mente ikke i ordets forstand at den skulle Ændre sig fra at være en "input type="Text" til en "textarea", men bare opføre sig som en, idet man begynder at skrive i den.

Altså nøjagtig som disse:
http://www.vistaprint.dk/vp/ns/studio3.aspx?pf_id=064&combo_id=4298&gallery_id=64&category_id=11&referer=http%3a%2f%2fwww.vistaprint.dk%2fvp%2fwelcomeback.aspx%3fxnav%3dwelcome


God Weekend :)
Avatar billede Slettet bruger
25. juli 2008 - 00:13 #6
Bare smid et Svar "w13", så vi lige kan få denne ud af verden.

:)
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
Kurser inden for grundlæggende programmering

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