3 votes

Raphael JS Event Bubbling

Existe-t-il un moyen de simuler le bouillonnement d'événements dans Raphael JS ? J'ai plusieurs objets circulaires dans lesquels j'aimerais placer des icônes, mais toute la gestion des événements (survol, clic, déplacement) sur les cercles est perturbée dès que je place les icônes au-dessus (les icônes capturent les événements survol, clic, déplacement à la place).

J'ai envisagé plusieurs options, mais la plupart d'entre elles sont très, très compliquées (appel croisé de toutes sortes de gestionnaires d'événements pour tenter de "synchroniser" l'icône et le bouton) alors que tout ce que je veux vraiment faire, c'est "grouper" l'icône et le cercle en un seul bouton. Une solution plus simple serait de faire du cercle et du bouton une image en soi, mais j'aimerais pouvoir changer dynamiquement la couleur des boutons, ce serait donc compliqué de changer les couleurs des images manuellement.

Existe-t-il une meilleure façon de procéder ?

0voto

Dark Falcon Points 15609

Avez-vous envisagé de créer une grande forme transparente plus élevée dans l'ordre z et couvrant la zone souhaitée ?

0voto

David Eads Points 807

J'ai travaillé sur ce sujet et j'ai un correctif pour Raphael qui permet les ensembles nommés : Voir ma réponse à Raphael JS : comment utiliser les sélecteurs jQuery sur les objets dans IE ?

En inspectant l'appartenance d'un élément à un ensemble dans votre fonction de survol, vous pouvez facilement manipuler d'autres éléments de l'ensemble en même temps. Il ne s'agit pas d'un véritable bouillonnement d'événements, mais cela permet d'atteindre le même objectif d'une manière compatible avec tous les navigateurs.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X