Toon 'Wachtwoord' type sterretjes
Wat ik hier probeer te verkrijgen is iets analoog met kapaza.nl
Het is namelijk zo dat het tekstveld bovenaan met 'wachtwoord' getoond wordt, maar wanneer er in getypt wordt, dan zijn dit sterretjes ...
Ik verkrijg telkens het ene ofwel het andere ...
Kan iemand met helpen?
Weet eigenlijk niet of het met javascript kan, maar php leek het me al niet te zijn.
Alvast bedankt
Wesley
<input type='PASSWORD' ... > moet je gebruiken ;)
Bedoeling is dan om op de focus van dat vakje het weer leeg te maken, zodat er in bolletjes getypt wordt.
Gewijzigd op 01/01/1970 01:00:00 door Wesley
Uhh in de broncode kijken van die website?
Dan maak je op de focus het vakje leeg, en je verandert het type van text naar password :)
Wel is het zo dat zij ook type='password' gebruiken ...
Als de focus d'r op komt met javascript het een password input van maken en wachtwoord weghalen.
Gebruik bijvoorbeeld jQuery, daarmee moet het wel simpel te doen zijn.
Momenteel staat het type op 'password', erin typen gebeurt dan vanzelfsprekend ook in bolletjes ...
Maar met javascript invullen levert dan ook bolletjes op
@ Karl
Yep, idd ... het is gelukt, bedankt !!
Voor de anderen dit hetzelfde probleem hebben:
http://www.electrictoolbox.com/jquery-toggle-between-password-text-field/
Gewijzigd op 01/01/1970 01:00:00 door Wesley
standaard text-input, met js (of php) de text erin en dan als erop geklikt (focus), word het veld leeggemaakt en word het een password-ding?
Volgens mij kun je het beter anders doen, zodat mensen die JS uit hebben staan (of niet eens hebben) ook gewoon het password veld hebben.
Ik zou het zo doen:
<input type="password" ..>
Body OnLoad:
- verander input type in text
- verander input value naar 'PASSWORD'
Input OnFocus:
Controleer of de input type text is. Zo ja, dan:
- verander input type in password
- maak de input value leeg.
Het vakje is dadelijk een password field, maar indien men javascript heeft uitstaan wordt het veld niet ingevuld met de tekst 'wachtwoord' ...
Bedankt voor de opmerkin ...
Kwestie van firebug activeren, het vakje selecteren om meteen bij het goede deel html aan te komen en lezen wat er gebeurt.
Code (php)
1
2
3
4
2
3
4
<span id="dummyLayer">
<input id="form-login-password" type="text" autocomplete="off" onfocus="toggle('dummyLayer', 'hide');toggle('passwordLayer', 'show');document.inlogform.Password.focus();" value="wachtwoord" name="PasswordDummy"/>
</span>
<span id="passwordLayer" style="display: none;">
<input id="form-login-password" type="text" autocomplete="off" onfocus="toggle('dummyLayer', 'hide');toggle('passwordLayer', 'show');document.inlogform.Password.focus();" value="wachtwoord" name="PasswordDummy"/>
</span>
<span id="passwordLayer" style="display: none;">