Discussion :

[marco62118]

bonjour

j'ai fait un formulaire de contact.

Code html :

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

<input type="text" id="nom" name="nom"  value= "VOTRE NOM"  onClick='saisie("VOTRE NOM",this.id)' onMouseOut='retablir("VOTRE NOM",this.id)' onchange="change_verification('VOTRE NOM',this.id)" />

lorsque je clique dans le texte

Code :

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

1
2
3
4
function saisie(txt_defaut,id_controle)
{
	if(document.getElementById(id_controle).value==txt_defaut){
		document.getElementById(id_controle).value='';

le texte est vidé et le curseur clignote prêt à écrire.
mais lorsque la souris sort du texte (par mauvaise manip)

Code :

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

1
2
3
4
function retablir(txt_defaut,id_controle)
{
	if(document.getElementById(id_controle).value==''){
		document.getElementById(id_controle).value=txt_defaut;

on rétablit le texte défaut ici VOTRE NOM mais le curseur reste dans le texte prêt à recevoir la frappe de l'utilisateur et à la fin on a dans le texte VOTRE NOMdudu

J'aurais voulu sur l'action de la souris onMouseOut pouvoir sortir le curseur du champ qu' a quitté la souris

merci d'avance pour votre aide

[ABCIWEB]

Salut,

Utilises placeholder si tu veux indiquer une valeur de substitution plutôt que de mettre une valeur par défaut dans l'attribut value.

[marco62118]

merci pour ta réponse.

mais je n'apprécie pas trop "plaholder" le texte reste affiché même si le curseur est dans le text , il ne disparait que lorsque tu commences à taper.

comme mon text est assez grand ça ne fait pas discret. moi je suis perturbé quand je clique dans le text je suis prêt à effacer le "placeholder".

j'aimais bien le mouseout pas grave je remplace par onblur.

j'avais essayé de mettre dans le script du mouseout un focus() sur un autre élément mais ça n'a pas fonctionné.

merci tout de même

[ABCIWEB]

merci pour ta réponse.

mais je n'apprécie pas trop "plaholder" le texte reste affiché même si le curseur est dans le text , il ne disparait que lorsque tu commences à taper.

comme mon text est assez grand ça ne fait pas discret. moi je suis perturbé quand je clique dans le text je suis prêt à effacer le "placeholder".

C'est un comportement standard, et qui dit comportement standard dit que les internautes sont habitués à ce comportement. Ton ressenti n'est pas forcément représentatif de la grande majorité, et quand bien même on aurait jamais rencontré ce comportement, le visiteur trouve rapidement comment ça marche et cela ne l'empêche pas de remplir le champ. Après évidemment tu fais comme tu veux.

[marco62118]

Oui je te remercie.
Tu as raison mon ressenti n'est pas la majorité.

Il faudrait qu'il soit plus discret. ici il me semble qu'il prend la mise en forme indiqué dans le css pour le text, ça écrit tout en majuscule est police assez grande.
Je vais y réfléchir merci.

[NoSmoking]

Bonjour,
effectivement dommage de se passer du placeholder d'autant qu'avec le pseudo-élément ::placeholder et les pseudos-classes tu as de quoi faire, même le pire
Par exemple :

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
#nom::placeholder {
  color: #DDD;
  font-style: italic;
}
#nom:focus::placeholder {
  color: #33D;
  color: transparent;
}
#nom:hover::placeholder {
  color: #D33;
}