IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

popup sur onmouseover, onmouseout pour un dessin Javascript?


Sujet :

JavaScript

  1. #1
    Membre chevronn�

    Homme Profil pro
    D�veloppeur J2EE Senior
    Inscrit en
    Mai 2008
    Messages
    419
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 40
    Localisation : France, Hauts de Seine (�le de France)

    Informations professionnelles :
    Activit� : D�veloppeur J2EE Senior
    Secteur : High Tech - Produits et services t�l�com et Internet

    Informations forums :
    Inscription : Mai 2008
    Messages : 419
    Par d�faut popup sur onmouseover, onmouseout pour un dessin Javascript?
    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:

    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");
    };
    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?
    Mes cours sur l'�cosyst�me Java EE - N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  2. #2
    Membre chevronn�

    Homme Profil pro
    D�veloppeur J2EE Senior
    Inscrit en
    Mai 2008
    Messages
    419
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 40
    Localisation : France, Hauts de Seine (�le de France)

    Informations professionnelles :
    Activit� : D�veloppeur J2EE Senior
    Secteur : High Tech - Produits et services t�l�com et Internet

    Informations forums :
    Inscription : Mai 2008
    Messages : 419
    Mes cours sur l'�cosyst�me Java EE - N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. onmouseover onmouseout sur des �l�ments imbriqu�s
    Par Auteur dans le forum G�n�ral JavaScript
    R�ponses: 49
    Dernier message: 09/08/2008, 22h55
  2. R�ponses: 6
    Dernier message: 06/12/2007, 09h33
  3. [ASP1.1]Utiliser onMouseOver/onMouseOut sur datagrid?
    Par Cervantes dans le forum ASP.NET
    R�ponses: 3
    Dernier message: 02/05/2007, 13h33
  4. R�ponses: 8
    Dernier message: 16/04/2007, 11h05
  5. [DIV][Javascript] cr�er une DIV sur onmouseover
    Par pmartin8 dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 30/08/2006, 15h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo