Bonjour
J'essaie de comprendre comment afficher/masquer un popup javascript via l'�v�nement onmouseover/onmouseout. J'utilise le framework Raphael parce que je veux faire �a sur quelque chose dessin� en javascript, mais je pense que mon probl�me vient davantage de mon inexp�rience du langage que du framework utilis�.
Je me suis bas� sur l'exemple suivant: http://raphaeljs.com/australia.html Le source de la page est tr�s compr�hensible: au chargement, on va dessiner l'australie � partie de chemins SVG tels que d�finis par le W3C. Ensuite de quoi pour chaque �tat d�fini on ajoute des changements d'�tat sur le onmouseout, onmouseover.
Sachant cela, j'ai essay� de faire un exemple simplissime:
Mon but ici est de dessiner un rectangle dont le bord est vert quand je passe la souris dessus, et bleu sinon. Au chargement de la page j'observe que le rectangle se dessine bien avec un bord bleu. On dirtait que les �v�nements onmouseover, onmouseout ne sont pas reconnus et que le navigateur se borne � ex�cuter les instructions dans l'ordre o� elles arrivent. D'o� ma question, qu'est-ce qui ne va pas?
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
11
12 window.onload = function () { var R = Raphael("holder", 1280, 1280); var attr = { fill: "#333", stroke: "#666", "stroke-width": 1, "stroke-linejoin": "round" }; var test1 = R.path("M 560 280 L 690 420 L692 418 L562 279 L560 280 z").attr(attr); test1.onmouseover = test1.attr("stroke","green"); test1.onmouseout = test1.attr("stroke","blue"); };
Partager