changement du type d'un champ

Version imprimable

Bonjour à tous,
Je souhaite faire afficher dans un champ du type 'text' un texte (jusque la rien de très compliqué :D ) et lorsque l'internaute viendra à cliquer sur ce champ je souhaite que celui-ci ce transforme en champ type='password' voici ce que j'ai fait
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <html> <head> <SCRIPT language="Javascript"> function vide(elm, chaine) { if(elm.value=='' || elm.value==chaine) { elm.value=''; elm.type='password'; } } </script> </head> <body> [...] <input type="text" name="Password" value="Votre mot de passe" onclick="javascript:vide(this, 'Votre mot de passe');"/> [...] </body> </html>
Ceci fonctionne sous moxilla mais sous ie, le changement de type ne fonctionne pas. Avez-vous une solution?

merci d'avance.

d4v1d

14/05/2007, 18h18
E.Bzz

Au cas où : pas de "javascript:" dans le évènements (c'est forcément du javascript) ...

A+
14/05/2007, 18h29
d4v1d

Exacte :D dsl, mais ca ne change rien.
merci quand meme
d4v1d

bonjour,

sous IE la valeur contenue dans type est en lecture seule. Voilà ce que tu peux faire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<html>
<head>
 
<script type="text/javascript">
<!--
function vide(elm)
{
  var mdp;
  elm.style.display="none";
  mdp = document.getElementById("idPassword");
  mdp.style.display="inline";
  mdp.focus();
 
}
//-->
</script>
</head>
<body>
 
[...]
<input type="text" style="display: inline" value="Votre mot de passe" onfocus="vide(this);"/>
<input id="idPassword" type="password" style="display: none" value="" />
[...]
 
</body>
</html>

14/05/2007, 19h27
d4v1d
merci, c'est extrement astucieux, mais malheureusement apparement
Code:

1 2 mdp.style.display="inline";
n'est pas géré par mozilla, lorsque je clique sur le bouton celui-ci disparait.
Mais cette fois ca fonctionne très bien sous ie.

Code:

1
2
3
4
5
6
7
8
9
if (window.ActiveXObject) {
  window.vide = function (o, text) {
    // version IE
  }
} else {
  window.vide = function (o, text) {
    // version FF
  }
}

15/05/2007, 09h13
d4v1d

Ok je vais faire ca.
merci pour votre aide.

d4v1d