Avatar billede hav0k Nybegynder
28. juni 2004 - 12:02 Der er 5 kommentarer og
1 løsning

text form field: skal skifte baggrundsfarve på onFocus

Jeg er ikke ligefrem en haj til javascript (læs: jeg kan stort set intet), så jeg skal lige have lidt hjælp til den her:

<form method="post" action="login.php" name="login">
                    <input type="text" name="login_user" value="Bruger" class="box" onfocus="if(login_user.value=='Bruger')login_user.value=''"
                onblur="if(login_user.value=='')login_user.value='Bruger'" maxlength="30">
                    <br>
                    <input type="password" name="login_pass" value="user" class="box" onfocus="if(login_pass.value=='user')login_pass.value=''"
                onblur="if(login_pass.value=='')login_pass.value='user'" maxlength="30">

jeg vil gerne have at de to text felter skal skifte baggrunds farve på onfocus, udover det der står i forvejen.. jeg kunne nemlig ikke finde koden til det nogen steder :/

og lidt off-topic: er der nogen som kan svare på hvorfor man ikke kan søge på spørgsmålene længere? hver gang jeg søger får jeg ikke nogen resultater.

//Hav0k
Avatar billede roenving Novice
28. juni 2004 - 12:27 #1
<input type="text" name="login_user" value="Bruger" class="box" onfocus="if(this.value=='Bruger')this.value='';this.style.backgroundColor='#345'" onblur="if(this.value=='')this.value='Bruger';this.style.backgroundColor='#fff'" maxlength="30">
                    <br>
<input type="password" name="login_pass" value="user" class="box" onfocus="if(this.value=='user')this.value='';this.style.backgroundColor='#345'" onblur="if(this.value=='')this.value='user';this.style.backgroundColor='#fff'" maxlength="30">

-- og jeg benyttede lige den direkte adressering 'this' i stedet for den indirekte med felt-navnet ...

-- hvilket iøvrigt også sikrer at det virker i alle browsere !-)
Avatar billede roenving Novice
28. juni 2004 - 12:34 #2
-- og en udgave, hvor du ikke skal ændre kode fra felt til felt, men kan bruge den samme kode til alle felter (Du skal selvfølgelige vedligeholde navne og default-værdier og evt. type !-)

<input type="text" name="login_user" value="Bruger" class="box" onfocus="with(this){if(value==defaultValue)value='';style.backgroundColor='#abc'}" onblur="with(this){if(value=='')value=defaultValue;style.backgroundColor='#fff'}" maxlength="30">
                    <br>
<input type="password" name="login_pass" value="user" class="box" onfocus="with(this){if(value==defaultValue)value='';style.backgroundColor='#abc'}" onblur="with(this){if(value=='')value=defaultValue;style.backgroundColor='#fff'}" maxlength="30">
Avatar billede hav0k Nybegynder
28. juni 2004 - 12:54 #3
Jep - du har sørme da osse ret ^^ et svar, tak!
Avatar billede roenving Novice
28. juni 2004 - 12:56 #4
Velbekomme '-)
Avatar billede hav0k Nybegynder
28. juni 2004 - 12:58 #5
Mange tak :)
Avatar billede roenving Novice
28. juni 2004 - 13:40 #6
-- og jeg takker for point ;~}
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