Discussion :

[xxkirastarothxx]

Bonjour à tous.

Mon problème est assez simple je pense, mais je bloque quand même ^^
Pour mon formulaire de login, je voudrai avoir deux input:
Login et password (Ah Bon ?? :O)

C'est pour le password que j'ai un soucis:
Je voudrai entrée comme valeur par defaut "password"....
Le soucis c'est que comme c'est un type password, on ne vois pas ce qui est écrit...

j'ai pensé a un pseudo solution:
<input type='text' name='password' value='Mot De Passe' >
et du javascript :
onclick valeur='' + type='password'

Mais bon c'est du "à l'arrache", et je voulais savoir si vous aviez une solution plus propre.
Merci d'avance.

[Vil'Coyote]

salut,
tu peux expliquer le but du jeu?car en principe le type password est fait pour que l'on ne vois pas la saisie donc dans le cas inverse pourquoi ne pas prendre un champs text ?

[xxkirastarothxx]

Et bien, simplement, au lieu de :

Code :

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

1
2
3
4
5
6
7
 
Login:
______________
|_____________|
Password:
_______________
|______________|

je voudrai:

Code :

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

1
2
3
4
5
6
_______________
| Login        |    <= valeur par defaut qui disparait au clic
|______________|
______________
|password     |     <= valeur par defaut qui disparait au clic, et qui redevien de type password
|_____________|

Je ne veux pas que le password s'affiche, c'est juste la valeur par defaut de l'input;
sauf que si je laisse l'input en type password, la valeur par defaut s'affichera " ******** "
Difficile a exprimer ^^
En d'autres termes: je voudrai que "password" soit écrit clairement dans l'input de type password, tout en laissant le mot de passe illisible

Exemple codé à l'arrache:

Code :

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

1
2
3
4
5
6
7
8
9
 
<input type='text' name='password' value='password'  onclick='changetype()'>
 
<script>
function changetype(){
  this.value='';
  this.type='password';
}
</script>

Comme tu le vois, au clic l'input redeviens de type password pour que le mot de passe soit illisible.... je voudrais simplement savoir s'il y a possibilité de faire ça plus proprement qu'avec du javascript

UC ? =)
Merci

[Vil'Coyote]

ok j'ai mieux capté et la réponse et non en dehors de javascript pas moyen.

[xxkirastarothxx]

Okay merci ^^
Résolu alors.
dommage que le html n'intègre pas ça ^^

A bientôt =)

edit:
je lâche le script JS propre pour ceux que ça pourrait intéresser:

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
<script>
	function changepasstype(){
		pass = document.getElementById('loginpassword');
		if(pass.type=='text'){
			pass.value='';
			pass.type='password';
		}
		else if(pass.type=='password'){
			if(pass.value==''){
				pass.type='text';
				pass.value='<?php echo PASSWORD;?> ';
			}
		}
	}
</script>

il faut mettre onclick='changepasstype()' et onblur='changepasstype()'

++

[Beniti]

Ça ne fonctionne pas sur IE

[xxkirastarothxx]

Merci pour la précision.
Et désolé: je test sur les vrai navigateur...
lol

Je modifierai le post ci dessus lorsque j'aurai une correction pour ce... j'allais dire problème... mais en même temps quoi de plus normal que quelque chose de plus ne fonctionne pas sur un produit microsoft...
^^

Je le ferrai lorsque j'aurai un ie sous la main d'ailleurs... :p

[Invité]

jour

ie ne supporte pas la modification d'un input par le dom il faudrait modifier avec innerHTML