Montrer en clair le contenu d'un input type="password"

Question

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 : 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 : 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

@karamel · Answer

ie ne supporte pas la modification de type pour un input

l'astuce

function modif(){
var cn=document.getElementById(fPasswd).cloneNode(true)
cn.setAttribute('type','password')
document.getElementById(fPasswd).parentNode.replaceChild(cn,le)
}

@karamel · Answer

petite erreur

function modif(){
var le=document.getElementById(fPasswd)
var cn=le.cloneNode(true)
cn.setAttribute('type','password')
le.parentNode.replaceChild(cn,le)
}

christophe_be2 · Answer

Merci beaucoup. Je vais essayer ça de suite.

Montrer en clair le contenu d'un input type="password"

3 réponses

Votre réponse

Discussions similaires