Avatar billede champ1 Nybegynder
15. februar 2006 - 22:58 Der er 9 kommentarer

Rette width

Hvordan kan jeg rette bredden på et input felt når det bliver aktivt - UDEN at give det et navn.

Det skal ændres tilbage når det ikke er aktivt længere.
Avatar billede -mundi- Nybegynder
15. februar 2006 - 23:00 #1
<input type="text" onfocus="this.style.width='240px'" onblur="this.style.width='100px'">
Avatar billede champ1 Nybegynder
15. februar 2006 - 23:21 #2
og hvordan skal det puttes i en funktion?
Avatar billede champ1 Nybegynder
15. februar 2006 - 23:27 #3
kan man gøre noget alá dette:

function resizeBox(inactive, active)
{
    var size = this.style.width;
   
    if( size = inactive + "px" )
    {
        for( i=1; 10>=i; i++ )
        {
            newWidth = eval( size + i*10 ) + "px";
            setTimeout( size = newWidth, i*25 );
        }
    }
    else
    {
        for( i=1; 10>=i; i++ )
        {
            newWidth = eval( size - i*10 ) + "px";
            setTimeout( size = newWidth, i*25 );
        }
    }
}

// input
<input type="text" onfocus="resizeBox(100, 240);" onblur="resizeBox(100, 240);">
Avatar billede olebole Juniormester
15. februar 2006 - 23:34 #4
<ole>

Det kommer helt anpå, hvad meningen er med det, du har skrevet  :)

/mvh
</bole>
Avatar billede champ1 Nybegynder
15. februar 2006 - 23:36 #5
Jeg ønsker en ændring i input-feltets størrelse ved netop onfocus og onblur. Dette kan jge sagtens finde ud af hvis blot jeg angiver input-feltet's navn, men det ønsker jeg ikke at gøre :D.

Så skal blot have det kodestykke jeg skrev til at fungere ordentligt.
Avatar billede olebole Juniormester
15. februar 2006 - 23:59 #6
Det er derfor, jeg spørger. Koden giver ikke mening nok til, at jeg kan ikke gætte mig til, hvad den skal kunne  :)
Avatar billede roenving Novice
16. februar 2006 - 01:12 #7
F.eks.

<script type="text/javascript">
  function contractExpandField(elm,exp){
    elm.style.width = exp ? "240px" : "100px";
  }
</script>

<input type="text" onfocus="contractExpandField(this,true);" onblur="contractExpandField(this);">
Avatar billede champ1 Nybegynder
23. februar 2006 - 22:24 #8
smid et svar roenving
Avatar billede roenving Novice
24. februar 2006 - 15:49 #9
Oki '-)
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