Avatar billede bodyguard Nybegynder
28. september 2004 - 00:41 Der er 10 kommentarer og
2 løsninger

Ændre input type når der indtastet noget

Hejsa

Jeg kunne rigtigt godt tænke mig sådan nogle login inputs som er på www.jubii.dk 's forside til højre.

Er der ikke en som kan lave sådan et script til mig?

Venligst
Mark Zweidorff
Avatar billede sylvesternielsen Nybegynder
28. september 2004 - 00:48 #1
Er det sådan her du mener:
<input name="textfield" type="text" value="Brugernavn" onFocus="if (this.value == 'Brugernavn'){ this.value = ''}" onBlur="if (this.value == ''){ this.value = 'Brugernavn'}">
Avatar billede olebole Juniormester
28. september 2004 - 01:05 #2
<ole>

Vi kan jo ligeså godt bruge 'defaultValue', når vi nu har den  ;o)

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

/mvh
</bole>
Avatar billede olebole Juniormester
28. september 2004 - 01:06 #3
Ooops ...  :)

<input type="text" name="t" value="Brugernavn" onfocus="if(this.value==this.defaultValue)this.value=''" onblur="if(this.value='')this.value=this.defaultValue">
Avatar billede sylvesternielsen Nybegynder
28. september 2004 - 01:07 #4
Eller er det det med at ændre fra text til password:
<form name="form" method="post" action="">
  <input name="textfield" type="text" value="Brugernavn" onFocus="if (this.value == this.defaultValue){ this.value = ''}" onBlur="if (this.value == ''){ this.value = this.defaultValue}">
  <input name="passdummy" type="text" id="passdummy" onFocus="this.style.display='none'; getElementById('password').style.display='inline'; getElementById('password').focus()" value="Password"><input name="password" type="password" id="password" style="display:none;" onBlur="if (this.value==''){this.style.display='none'; getElementById('passdummy').style.display='inline' }">
</form>
Avatar billede sylvesternielsen Nybegynder
28. september 2004 - 01:09 #5
Uhhh, jeg er ved at lære javascript.. hehe..
Avatar billede olebole Juniormester
28. september 2004 - 01:16 #6
;o)
Avatar billede bodyguard Nybegynder
28. september 2004 - 01:31 #7
det med at det ændre sig til type="password" :)
Avatar billede sylvesternielsen Nybegynder
28. september 2004 - 01:32 #8
jamen den ligger lige klar til dig.. *S*
Avatar billede bodyguard Nybegynder
28. september 2004 - 02:17 #9
takker :)
Avatar billede sylvesternielsen Nybegynder
28. september 2004 - 02:18 #10
Det var da så lidt. *S*
Avatar billede roenving Novice
28. september 2004 - 10:01 #11
-- og man skal:

document.getElementById() ...
Avatar billede olebole Juniormester
28. september 2004 - 17:34 #12
Eller: this.form.ELEMENT ... fylder som regel lidt mindre  :)
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