Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1563 connectés 

  FORUM HardWare.fr
  Programmation

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°146474
darxmurf
meow
Posté le 28-05-2002 à 20:56:11  profilanswer
 

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


---------------
Des trucs - flickr - Instagram
mood
Publicité
Posté le 28-05-2002 à 20:56:11  profilanswer
 

n°1646212
raphta
Posté le 21-11-2007 à 04:12:03  profilanswer
 

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 ?

n°1646254
anapajari
s/travail/glanding on hfr/gs;
Posté le 21-11-2007 à 09:28:20  profilanswer
 

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

n°1646345
SICKofitAL​L
misanthrope
Posté le 21-11-2007 à 10:34:08  profilanswer
 

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 :
  1. ...
  2. ...
  3. var changeType = function (el)
  4. {
  5.  if (el.type.toLowerCase () != "password" )
  6.  {
  7.   var pw = document.createElement ("input" );
  8.   pw.setAttribute ("type", "password" );
  9.   pw.setAttribute ("value", el.value);
  10.   el.parentNode.replaceChild (pw, el)
  11.  }
  12.  return true;
  13. }
  14. ...
  15. ...
  16. <input type="text" value="Entrez votre mot de passe" onclick="changeType (this);">
  17. ...
  18. ...


 
Ca devrait fonctionner sous FF et IE


---------------
We deserve everything that's coming...

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation

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

 

Sujets relatifs
[JAVA] Changer le nom du noeud racine d'un JTree ?[PHP Javascript] Variables dynamiques....
[Javascript] Pas fastoche....[Javascript] générer dynamiquement du code en cliquant sur un lien
[Javascript] Regrouper des fonctions ...JAVASCRIPT cree une fct qui change une image en une autre !
JAVASCRIPT : QCMApprendre le javascript
ajouter des noeuds dans le DOM avec JavaScript!!javascript dans php
Plus de sujets relatifs à : [javascript] changer le type d'un input en password lorsqu'on clique ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR