input type text vers type password
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:
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:
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.
