Avatar billede Slettet bruger
12. maj 2007 - 19:27 Der er 7 kommentarer og
1 løsning

hvorfor kan jeg ikke det her?

Hejsa

Jeg sidder og roder lidt med en input-boks til en formular. Her har jeg så en boks hvor en bruger kan taste sit password i. Men hvorfor kan jeg ikke dette her? Altså ændre type til "password" ved onfocus og så ændre den tilbage til "text" igen ved onblur hvis brugeren ikke har skrevet noget?

<input type="text" name="password" onfocus="if(this.value=='Din ønskede adgangskode...'){this.type='password'; this.value=''; this.style.color='#000000'; this.style.textAlign='center';}" value="Din ønskede adgangskode..." onblur="if(this.value==''){this.type='text'; this.value='Din ønskede adgangskode...'; this.style.color='#b0b0b0'; this.style.textAlign='left';}" style="cursor: default; width: 90%; border: 1px solid #ee8a00; font-family: Verdana; background-color: #ffffff; color: #b0b0b0; font-size: 14px; text-align: left;">

Håber virkelig der er nogen derude som har en genial løsning - for ellers falder hele mit koncept lidt til jorden hvad design angår...

\Dan
Avatar billede plx Nybegynder
12. maj 2007 - 19:43 #1
jeg tror du mangler at afslutte din if-blok med }
Avatar billede mclemens Nybegynder
12. maj 2007 - 20:51 #2
IE kan vist ikke lide at man retter på typen, det er
umiddelbart den fejl den giver hos mig, men kan du ikke:

<form>
<input type="text" name="passhide" onfocus="this.style.display='none';p=this.form.password;p.style.display='inline';p.focus();" value="Din ønskede adgangskode..." style="cursor: default; width: 90%; border: 1px solid #ee8a00; font-family: Verdana; background-color: #ffffff; color: #b0b0b0; font-size: 14px; text-align: left;"><input type="password" name="password" onblur="if(this.value==''){this.style.display='none';this.form.passhide.style.display='inline';}" id="password" style="cursor: default; width: 90%; border: 1px solid #ee8a00; font-family: Verdana; background-color: #ffffff; color: #000; font-size: 14px; text-align: center;display:none;">
</form>
Avatar billede mclemens Nybegynder
12. maj 2007 - 20:52 #3
plx > Begge if blokke er afsluttet.
Avatar billede Slettet bruger
12. maj 2007 - 22:43 #4
Hej mclemens

Mange tak for denne løsning - det virker efter hensigten.

- men hvordan skal det så eksempelvist se ud hvis jeg vil have mere end en input-boks på siden af denne slags? Jeg mener i forhold til id og sådan noget - sådan at de ikke konflikter...

- smid et svar under alle omstændigheder!

\Dan
Avatar billede roenving Novice
12. maj 2007 - 23:51 #5
Så må du kalde dem passhide og password (dårligt navn !-), passhide2 og password2 osv...
Avatar billede mclemens Nybegynder
13. maj 2007 - 00:08 #6
Enig med Roenving, kald det nogle andre navne og ret
navnene i de to's nye js event handlers, så det matcher.

Som Roenving siger er password et skidt navn ligesom f.eks. submit,
top, document, body, form og mange andre - da man forbinder det med
specielle ting, når man sidder og scripter, i nogle tilfælde kan det
afhængig af navnet udover at forvirre også ødelægge ens scripting.
Avatar billede Slettet bruger
13. maj 2007 - 01:10 #7
- OK! Mange tak for hjælpen!

\Dan
Avatar billede mclemens Nybegynder
13. maj 2007 - 01:19 #8
Velbekomme, og tak for point :o)
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

IT-JOB

Lægemiddelstyrelsen

Løsningsarkitekt

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Ingeniør til Satellitkommunikation

Capgemini Danmark A/S

Open Application (Denmark)