[javascript] changer le type d'un input en password lorsqu'on clique ?

Recherche :

Dernière réponse

Sujet : [javascript] changer le type d'un input en password lorsqu'on clique ?

SICKofitALL

En effet, IE fait preuve de mauvaise volontée (pour changer :o ) concernant la modif en live du type de l'élement. De toute facon ce genre de manip (text vers password) est pas terrible et même déconseillée.

Ceci dit, on peut le faire malgré tout en feintant un peu :

Code :

...
...
var changeType = function (el)
{
if (el.type.toLowerCase () != "password" )
{
var pw = document.createElement ("input" );
pw.setAttribute ("type", "password" );
pw.setAttribute ("value", el.value);
el.parentNode.replaceChild (pw, el)
}
return true;
}
...
...
<input type="text" value="Entrez votre mot de passe" onclick="changeType (this);">
...
...

Ca devrait fonctionner sous FF et IE

Votre réponse

Nom d'utilisateur

Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !

Le ton de votre message

Votre réponse

Smilies

Liste des smilies perso
Wiki smilies
Chercher un smiley

Options

Activer votre signature
Désactiver les smilies
Activer la notification par email du sujet

Aperçu

Vous avez perdu votre mot de passe ?

Vue Rapide de la discussion

SICKofitALL

Code :

...
...
var changeType = function (el)
{
if (el.type.toLowerCase () != "password" )
{
var pw = document.createElement ("input" );
pw.setAttribute ("type", "password" );
pw.setAttribute ("value", el.value);
el.parentNode.replaceChild (pw, el)
}
return true;
}
...
...
<input type="text" value="Entrez votre mot de passe" onclick="changeType (this);">
...
...

Ca devrait fonctionner sous FF et IE

anapajari

perso je mettrais 2 inputs, un text avec display, un password avec display none.
Et tu switches lors du click sur le 1er.
Changer le type d'un input ça sent le paté :o

raphta

J'ai exactement le même problème... donc je remonte ce topic vieux de 5 ans !

J'ai réussi en utilisant la propriété type de l'input en javascript. ca marche très bien sous firefox mais pas du tout sous IE, il dit que l'attribut type n'est pas reconnu...

Est-ce normal ? y a-t-il une solution pour contourner le problème ou est du à une erreur dans ma programmation ?

darxmurf

Hello,

J'ai un input en mode texte avec value='Entrez votre mot de passe' et je voudrais que lorsqu'on clique dessus le type se change en password, comment faire ?

a++

Darx