CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

leviking Nybegynder

05. januar 2008 - 04:11 Der er 9 kommentarer

Tekstfelt der udvider sig dynamisk - hvordan?

Hej,

Jeg ønsker at konstruere et tekstfelt på en linje, der udvider sig i takt med, at teksten kræver flere linjer.

Følgende grafik viser, hvad jeg vil opnå:

http://img46.imageshack.us/img46/408/textexpansionhn1.jpg

Det skal bruges på en side med mange inputfelter, og derfor kan jeg af pladshensyn ikke bruge standard multiline formelementer. Og hvis jeg bruger singlelines - ja så skriver man lange beskrivelser i singleline felter - hvilket ikke er god latin. Derfor er jeg ude efter denne løsning, som jeg håber der findes en (dhtml?) løsning på.

På forhånd tak for svar

Synes godt om

olebole Juniormester

07. januar 2008 - 00:18 #1

<ole>

Det bliver en frygtelig bøvlet løsning, der bliver vanskelig at lave crossbrowser. Prøv i stedet at finde en løsning, der passer til teknologien :)

/mvh
</bole>

Synes godt om

leviking Nybegynder

07. januar 2008 - 10:54 #2

Det var også min egen umiddelbare fornemmelse.

Min umiddelbare løsning indtil videre er blot at lave en 2-line multiline med et stylesheet der har tilstrækkelig lille font.

Forresten skal du altså afslutte med et </ole> hvis du starter med det!

Synes godt om

olebole Juniormester

07. januar 2008 - 22:29 #3

Nope ... det er OBML ;o)

Synes godt om

leviking Nybegynder

10. marts 2008 - 13:00 #4

Hej igen ole.

Faktisk gør Facebook dette. Tag en besked i din inbox og tryk reply. Når du kommer ned over et vist antal linjer har multi-linen lige præcis den opførsel, jeg er ude efter.

JS koden er bare smurt sammen med alle mulige andre behaviors, jeg ikke skal bruge... Pfff...

Synes godt om

olebole Juniormester

10. marts 2008 - 14:32 #5

Nu er jeg jo gammel nok til at kunne huske DDR og Stasi, og kunne derfor aldrig forestille mig at oprette en Facebook profil =)

Synes godt om

leviking Nybegynder

10. marts 2008 - 14:53 #6

Haha. Det virker faktisk. Jeg vil prøve at benchmarke det.

Kan man give sig selv point?

Synes godt om

ejldk Nybegynder

10. marts 2008 - 14:58 #7

ja, lav et svar og accepter det

Synes godt om

olebole Juniormester

10. marts 2008 - 17:31 #8

Problemet er såmænd ikke så stort i FF og IE, men i Opera kan man ikke aftaste, hvor højt indholdet er i et tekstfelt - hvorfor denne kode ikke virker i Opera:

<script type="text/JavaScript">
function foo(oTxt) {
if (oTxt.scrollHeight>oTxt.clientHeight) oTxt.style.height = oTxt.scrollHeight + "px";
}
</script>

<textarea style="width:300px;display:block;overflow:hidden;font:13px tahoma,sans-serif"
onkeydown="foo(this)" onkeyup="foo(this)"></textarea>

Synes godt om

olebole Juniormester

10. marts 2008 - 17:32 #9

- og du behøver i øvrigt ikke 'display:block;' ;o)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS