Bonjour à tous,
Je suis entrain de faire un formulaire login et j'aimerais donner le choix à l'utilisateur d'afficher son password en clair ou bien avec les petite étoiles ***
Mon problème est le suivant, j'ai fait un code en js permettant de switcher de un à l'autre ça fonctionne super sous Firefox mais évidement pas sous IE ...
Voici ma fonction js :
Code Javascript :
function SwitchPass(fPasswd,AffPass){
var typeInput = document.getElementById(fPasswd);
var txtAff = document.getElementById(AffPass);
if(typeInput.type === 'password'){
typeInput.type = 'text';
txtAff.innerHTML = 'Cacher le mot de passe';
}else{
typeInput.type = 'password';
txtAff.innerHTML = 'Rendre lisible le mot de passe';
}
}
et voici mon code html :
Code HTML :
<form action="#" method="post" name="formCompte" id="formCompte">
<p>Votre e-mail : <input name="fMail" type="text" id="fMail" value="" /></p>
<p>Mot de passe : <input name="fPasswd" type="password" id="fPasswd" value="" /></p>
<p><input type="submit" value="Connexion" /></p>
<p><a href="#" id="AffPass" onclick="SwitchPass('fPasswd','AffPass');">Rendre lisible le mot de passe</a></p>
</form>
J'ai essayé de trouver une solution en regardant sur Google mais à chaque fois que je trouvais une solution, elle ne fonctionnait pas sous IE.
Si quelqu'un pouvait m'aider, ce serait super sympa.
Merci d'avance,
Christophe