Discussion :

[sihammaster]

Bonjour,

je voudrais afficher dans une partie d'authentification; Login et mot de passe, la possibilité de voir des textes grisés dans les zones à saisir et lorsque l'utilisateur clic sur la zone, le texte se cache, cette partie ça marche chez moi, le souci que j'ai, c'est l'apparaition de mot de passe en cours de saisi et ça c'est normal parce que le type de input est TEXT. j'ai essayé de le convertir en password par une fonction Javascript voila mon code:
Le problème se situe au moment que j'utilise OnFocus deux fois dans la zone password mais j'avais besoin des deux événements, comment faire?
Code html

Code :

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

1
2
3
4
5
6
7
8
 
<form id="form2" action="authe.php" method="post">	
 
 <input type="text" onfocus="textepardefaut('prisedefocus')"  onblur="textepardefaut('pertedefocus')" value="Login" name="login" id="login">
 
<input type="text"  value="Mot de passe" onblur="textepardefaut2('pertedefocus')" onfocus="replaceT(this)" onfocus="textepardefaut2('prisedefocus')"  name="password" id="password">
 
</form>

Code JS

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
 
function textepardefaut(evenement){
//ce code affiche les textes grisés 
	if(evenement=="prisedefocus")
	{
		if(document.getElementById('login').value == "Login")
		{
			document.getElementById('login').style.color = "#fff";
			document.getElementById('login').value = '';
		}	}
	if(evenement=="pertedefocus")
	{
	if(document.getElementById('login').value == "")
		{
			document.getElementById('login').value = 'Login';
			document.getElementById('login').style.color = "#c0c0c0";
		}
		if(document.getElementById('login').value == "Login")
		{
			document.getElementById('login').style.color = "#c0c0c0";
		}
	}
}
--------------------------------------------------------------------
 
function replaceT(obj){
//ce code sert à convertir lors la saisie dans la zonde de texte, le texte vers password
var newO=document.createElement('input');
newO.setAttribute('type','password');
newO.setAttribute('password',obj.getAttribute('password'));
obj.parentNode.replaceChild(newO,obj);
newO.focus();
}

Merci de m'aider.

[Bovino]

j'avais besoin des deux événements

Euh... non, pas de deux événements (puisque c'est le même ), juste de deux actions et tu te compliques inutilement les choses !

Code :

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

onfocus="replaceT(this);textepardefaut2('prisedefocus')"

[sihammaster]

Merci infiniment Bovino, c'est très gentil de votre pars de me répondre, j'ai essayé votre proposition mais ça marche pas, ça marche lorsque je mis une seule fonction, pas les deux en même temps..

[Bovino]

Arf... j'avais pas vu

Code :

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

obj.parentNode.replaceChild(newO,obj);

Si tu remplaces ton input, c'est sûr que les événements liés au premier disparaissent en même temps que lui !

Essaye en modifiant ta fonction :

Code :

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

1
2
3
4
function replaceT(obj){
//ce code sert à convertir lors la saisie dans la zonde de texte, le texte vers password
obj.type = 'password';
}

[sihammaster]

Oui ça marche, vous êtes génie merci infiniment.