Enlever le focus d'un élément sur le onMouseOut

bonjour

j'ai fait un formulaire de contact.

Code:

---

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

---

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:

---

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

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.

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

Citation:

---

Envoyé par 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".

---

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.

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.

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 :aie:
Par exemple :

Code:

---

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

---