Avatar billede Slettet bruger
03. juni 2003 - 21:31 Der er 7 kommentarer og
1 løsning

<FORM> Password - Brugernavn effekt

Er der nogen her som ved hvordan jeg laver de Brugernavn / Password felter de nu bruger på Jubii.dk. Det skal være sådan at når man klikker på feltet (focus/blur) bliver det ryddet (value = '') og når feltet ikke får focus/blur kommer navnet tilbage igen (value = 'brugernavn'). Ligesom på sitet. Håber nogen kan give mig en kildeløsning.
Avatar billede spunk13 Nybegynder
03. juni 2003 - 21:42 #1
<form>
<input type=text value=Brugernavn name=user onfocus= "form.user.value='';">
</form>
Avatar billede spunk13 Nybegynder
03. juni 2003 - 21:45 #2
Hov, manglede lige resten:
<form>
<input type=text value=Brugernavn name=user onfocus="form.user.value='';" onblur="form.user.value='Brugernavn';">
</form>
Avatar billede eagleeye Praktikant
03. juni 2003 - 21:45 #3
Du kunne evt. selv lave copy/paste dem i view source.:

<input type="text" name="username" value="  Brugernavn" onfocus="if(this.value=='  Brugernavn')this.value='';" onblur="if(this.value=='')this.value='  Brugernavn';" >


Men det med password har de en .js fil som skifter de to input felter ud med hinanden så der kan stå Password og ikke ********
Avatar billede googolplex Novice
03. juni 2003 - 21:52 #4
Mon ikke det er denne:

function LoginBoxExit()
{
    if(d.getElementById("password").value == '')
    {
        d.getElementById("password").style.display = "none";
        d.getElementById("dapasstxt").style.display = "inline";
    }
}
Avatar billede eagleeye Praktikant
03. juni 2003 - 22:00 #5
Ja og den anden function  LoginBoxPassFocus  er nok i stil med denne.


function LoginBoxPassFocus(d,e) {
 
        d.style.display = "none";
        e.style.display = "inline";

}
Avatar billede eagleeye Praktikant
03. juni 2003 - 22:09 #6
Prøv med hele denne kode:


<HTML>
<head>
<script language="JavaScript1.2">

function LoginBoxPassFocus(d,e) {
  d.style.display = "none";
  e.style.display = "inline";
  e.focus();
}

function LoginBoxExit()
{
    if(document.getElementById("password").value == '')
    {
        document.getElementById("password").style.display = "none";
        document.getElementById("dapasstxt").style.display = "inline";
    }
}
</script>

</head>
<body>

<form name="loginform" id="loginform" method="post" action="xxxxx.xxx">
<input type="text" tabindex="1" name="username" id="username" value="  Brugernavn" onfocus="if(this.value=='  Brugernavn')this.value='';" onblur="if(this.value=='')this.value='  Brugernavn';" />
<input type="text" tabindex="2" name="dapasstxt" id="dapasstxt" value="  Password" onfocus="LoginBoxPassFocus(this,this.form.password);" />
<input type="password" tabindex="2" name="password" id="password" onblur="LoginBoxExit();"  style="display:none;">

<input type="submit" tabindex="3" value="login" NAME="Submit1" />
</form>

</body>
</HTML>
Avatar billede Slettet bruger
03. juni 2003 - 22:19 #7
Det ser meget godt ud. Og det virker sq oz...! :)

Er der en måde at password feltet til at skifte tilbage til 'password' efter man har skrevet i det, og man klikker udenfor feltet?

100 points går til dig, eagleeye.
Avatar billede googolplex Novice
03. juni 2003 - 22:21 #8
eagleeye: Godt arbejde :) Men jeg synes password boksen ændrer størrelse, hvordan kan det være ?
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