2013-04-29 3 views
1

aimerait savoir pourquoi la couleur du rectangle change lorsque je suis sur le texte. Je voudrais que la couleur de fond soit toujours la même que je suis dans le rectangle.Raphael JS changement de fond

http://jsfiddle.net/yVzXF/11/

paper = new Raphael(document.getElementById('canvas_container'), 500, 250); 

rectangle2 = paper.rect(130, 75, 140,40,15); 
texte = paper.text(200, 90, "Tarification et souscription\nweb") 

rectangle2.mouseover(function(){ 
    this.animate({ 
    fill : "#aaa" 
    }); 
    }); 

rectangle2.mouseout(function(){ 
    this.animate({ 
    fill : "#F90" 
    }); 
    }); 

grâce

Répondre

1

Le texte est un élément séparé, il a donc des gestionnaires d'événements distincts. Si vous ajoutez les gestionnaires d'événements pour le texte aussi bien, vous obtiendrez le résultat je pense que vous cherchez:

texte.mouseover(function(){ 
    rectangle2.animate({ 
     fill : "#aaa" 
    }); 
}); 

texte.mouseout(function(){ 
    rectangle2.animate({ 
     fill : "#F90" 
    }); 
}); 

Voici votre updated jsFiddle