Notifikationer

Markér alle som læst Log ud

themepark Nybegynder

03. september 2003 - 00:47 Der er 11 kommentarer og
1 løsning

Automatisk tilpasning af bredden af INPUT TEXT til teksten

Ja, ovenstående overskrift siger det sådan set meget godt.

Det er lykkedes mig at angive height for en masse INPUT elementer til 1em og dermed tilpasse deres højde til tekstens højde...men gør jeg det samme med bredde og bruger 1em, bliver bredden ikke tilpasset. Hvordan kan jeg ellers gøre det?

Og er der en måde, hvorpå man kan få teksten i samme INPUT felt til at ombrydes, således at hvis teksten er for lang, går en del af det ned på næste linje...eller sådan vil det i hvert fald se ud.

Jeg har en ganske god fornemmelse af hvem der ender med at svare på dette ;-)

Synes godt om

roenving Novice

03. september 2003 - 00:56 #1

Hvad med:

<span id="minSpan" style="background:white;border:2px inset;">En span-tekst</span>

-- den emulerer det med faste tekster ...

Synes godt om

themepark Nybegynder

03. september 2003 - 00:59 #2

Jeg formoder at der skal stå insert ;-) Men selv med den linje viklet rundt om hvert eneste INPUT element (i stedet for En span-tekst) forbliver felterne stadig for små :-(

Synes godt om

roenving Novice

03. september 2003 - 01:01 #3

der _skal_ stå inset, da span'en så ser ud præcis som en text input !-)

-- men den virker jo kun med en tilpasning til en tekst du har i forvejen, hvis det er at en input tilpasser sig dynamisk kan jeg ik' lige komme på noget ...

Synes godt om

roenving Novice

03. september 2003 - 01:04 #4

Hvad med:

<span id="minSpan" contenteditable style="background:white;border:2px inset;">En span-tekst</span>

_ikke_ et input-felt, men det kan man hive over onsubmit ...

-- og det der med ombrydningen er vist en del sværere !-)

Synes godt om

themepark Nybegynder

03. september 2003 - 01:07 #5

Pyha...for meget information på det her tidspunkt :-(

Og hvor er verden henne, når stavefejl ikke engang er stavefejl? :-(

Det virker jo ganske fint...jeg forstår ikke hvorfor, men det gør det...og den tilpasser sig vel dynamisk i og med at jeg efter at jeg har loadet alle felterne, ændrer på deres størrelse umiddelbart efter.

Synes godt om

nikolajdu Nybegynder

03. september 2003 - 01:15 #6

Sidder lige og morer mig...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script>

function enhance(what){

newLength = parseInt(document.f.inputDu.value.length)*50;
document.getElementById("inputDu").style.width = newLength
document.getElementById("inputDu").focus();
}

</script>

</head>

<body>
<form name="f">
<input type="text" name="inputDu" id="inputDu" onkeyup="enhance(this)" style="width:50px">

</form>

</body>
</html>

Synes godt om

themepark Nybegynder

03. september 2003 - 01:17 #7

Ja, men det der er jo en fastsat størrelse i og med at du ganger med 50.

Det jeg har brug for er at finde ud af hvordan INPUT feltets bredde kommer til at passe nøjagtigt til tekstens bredde.

Og nu vil jeg hjem og sove :-(

Synes godt om

roenving Novice

03. september 2003 - 01:21 #8

>>nikolajdu

-- jeg tænkte bl.a. på den type løsning, meneh ...

Da den kun kan bringes til at holde nogenlunde med courier eller lignende faste skrifter prøvede jeg den ikke, men du har vel også prøvet at tilpasse længden (faktoren 50 ?-)

-- iøvrigt kan man lave nummeret med en klon af ovenstående span-ting, da en skjult udgave vil have den præcise bredde, som man så kan aflæse efter at have lavet en kopi -- men er det ikke for bøvlet ?-)

Så derfor skrev jeg det til sidst i 01:01:42 ...

Synes godt om

nikolajdu Nybegynder

03. september 2003 - 01:24 #9

roenving - Jeg ved godt at det kun duer til monospace fonte.

50? Tja det passede sårn lige i forbifarten

Synes godt om

themepark Nybegynder

07. oktober 2003 - 04:53 #10

Det er jo lidt længe siden jeg oprettede denne tråd, så jeg vil lige fortælle, at jeg (vist nok) har løst problemet. Det lader til at overflow: visible kan klare det :)

Synes godt om

roenving Novice

08. oktober 2003 - 02:53 #11

oki ;-)

-- oprydningstid ?-)

Synes godt om

themepark Nybegynder

10. oktober 2003 - 12:38 #12

roenving, aldrig...Kun en tåbe rydder op...Et geni behersker kaos ;)

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
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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