changement du type d'un champ

**d4v1d** · 14/05/2007, 18h05

Bonjour à tous,
Je souhaite faire afficher dans un champ du type 'text' un texte (jusque la rien de très compliqué

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

**E.Bzz** · 14/05/2007, 18h18

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

A+

**d4v1d** · 14/05/2007, 18h29

Exacte

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

**Auteur** · 14/05/2007, 18h51

bonjour,

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**d4v1d** · 14/05/2007, 19h27

merci, c'est extrement astucieux, mais malheureusement apparement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**FremyCompany** · 14/05/2007, 19h31

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**d4v1d** · 15/05/2007, 09h13

Ok je vais faire ca.
merci pour votre aide.

d4v1d

changement du type d'un champ

JavaScript

Discussions similaires

Partager

Partager