Forstørrer tekst input

<ole>

input type="text" onfocus="this.style.width='100px'" onblur="this.style.width='30px'" ............... >

/mvh
</bole>

200 points er _vildt_ overkill for dette spørgsmål. 30 er rigeligt ... og de to er vist temmelig selvforklarende. Ellers må du spørge  =)

<input onfocus="this.size=100;"  onblur="this.size=30;" title="Fulde navn" size="30" name="testInput" type="text">
Håber det er selvforklarende :)

... mangler der ikke noget incrementering på en onKeyUp a la:

var fieldSize = document.getElementByID("myField").size
function expanField() {
  document.getElementByID("myField").size = fieldSize + 1;
   
    if (document.getElementByID("myField").size >= 100) {
    document.getElementByID("myField").size == 100;
    }
}

Nej, det virker ikke, men mon ikke enten 'olebole' eller 'nyp' har et bedre forslag ...

http://plazm.dk/projekter/testprojekter/resizeInput.php

plazm: Jow, men den bliver ikke ét nummer større for hver indtastning op til size="100" ...

tony, det står der heller ikke at den skal blive.
Læs spørgsmålet igen

OK plazm - Du har sikker ret, men jeg læser "Men den skal ikke bare blive fra 30 til 100.. men fks. 30, 31, 32, 33, 34, 35, 36..." som om den skal kravle deropad på baggrund af indtastninger, men måske spørger kunne kaste lidt lys over det ...

"Jeg har et tekst input som der ikke skal være stor når makøren ikke er i den..
Altså når den ikke er i focus er den 30 i width..
men når man sætter makøren i skal den blive 100 i width.."

Dette læser jeg som onFocus og onBlur

"Men den skal ikke bare blive fra 30 til 100..
men fks. 30, 31, 32, 33, 34, 35, 36..."

Dette læser jeg som at den ikk bare skal hoppe derop, men flyde derop

netop plazm... og så vil jeg gerne vide hvad de forskellige ting gør :)

er netop nada god til javascript

Men den skal forblive 100 selv om man indtaster nogle tegn ;)

her er dit script plazm --->

    <script type="text/javascript">
var rsE = Array();   
function resize(elm,st,sl) {
  var l = rsE.length;
  rsE[l] = elm;
  if (elm.style.width == (st+"px")) {
    for(i=1 ; (Math.ceil(sl/10) - Math.ceil(st/10))>=i; i++) {
      newWidth = eval(st + i*10)+'px';
      setTimeout("rsE["+l+"].style.width = '"+newWidth+"';", i*15);
    }
  } else {
    for(i=1 ; (Math.ceil(sl/10) - Math.ceil(st/10))>=i; i++) {
      newWidth = eval(sl - i*10)+'px';
      setTimeout("rsE["+l+"].style.width = '"+newWidth+"';", i*15);
    }
  }
}
    </script>

Men forklar mig så hvad der sker :) Hvad gør det forskellige :)?

Det var godt, så er plazm's løsning jo godt på vej :-)

Jep.. nu vil jeg bare gerne hvad hvad der sker i scriptet ? :)

Håber i har tid til at forklarer mig det da jeg prøver at blive god til Javascript :)

Det der sker et at der bliver sat et antal timere som bliver trigget efter forskellige intervaller med et spring på 15ms. Timerne sætter så størrelsen på inputboksen så det bliver en glidende effekt.

Måden den finder ud af om den skal rulle op eller ned er tjekket om størrelsen er lig starten.

Tak skal du have plazm :)

de 200 point går til dig :)

Du tager lige nogle retur!
http://www.eksperten.dk/spm/712150