Discussion :

[patrick29]

Bonjour,
je souhaiterais afficher une popup lorsque, quand l'utilisateur navigue dans un div contentEditable, il passe en naviguant au clavier (via les flèches) sur une partie précise d'un div contentEditable (je vois bien comment le faire si je click sur cette partie (événement onclick défini sur cette partie) mais pas comment le faire si j'y arrive en navigant via les flèches.
Ce que je voudrais reproduire comme comportement est similaire à celui que l'on a lorsque l'on crée un lien dans un nouveau mail dans Gmail : quand on navigue avec les flèches sur ce lien, une popup s'ouvre nous proposant de l'éditer.
Merci de votre aide!!
Patrick

[EIN-LESER]

pourquoi ne pas essayer onfocus qui s’exécutera quand le champ voulus acquiert le focus.

[patrick29]

Merci pour ta réponse, mais ça ne fontionne pas dans mon cas avec onfocus.

Par exemple voici le code suivant:

Code html :

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

1
2
3
<div id='test_editable' contentEditable='true'>
texte <a onclick='javascript:this.style.background="red"' onfocus='javascript:this.style.background="yellow"' href='test.php'>lien</a> autre texte
</div>

Quand je click sur le lien celui-ciu devient bien rouge.
Par contre si le click sur texte et que je me déplace avec les flêches du clavier sur le lien rien ne se passe.

Une idée ?

Merci !

[EIN-LESER]

ça c'est bizarre car le onfocus devrait s'en moquer par quel moyen ton lien acquiers le focus.

Tu a testé de mettre ton lien dans un bouton et essayer comme sa avec onfocus?
C'est peut être liée aux propriétés de la balise a

[SpaceFrog]

selection != focus

[EIN-LESER]

Pas faut sa.
Au-temps pour moi.
Si la personne se déplace avec la tabulation, sa marcherais mais avec les flèches ....

[patrick29]

Pas d'autre idée pour que lorsque je me déplace avec les flêches sur le texte du lien je puisse générer un événement ?

Code html :

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

1
2
3
<div id='test_editable' contentEditable='true'>
texte <a onclick='javascript:this.style.background="red"' onfocus='javascript:this.style.background="yellow"' href='test.php'>lien</a> autre texte
</div>

Merci de votre aide!

[SpaceFrog]

A part essayer de gérer un onselectionstart et le selection length et tout le toutim, je vois pas trop, mais bonjour poru la compatibilité.
A mon avis tu devrais plutot réfléchir à une autre ergonomie ...