[Raphael JS] Sélection d'une zone sur une carte
Bonjour,
J'ai mis en place une carte des quartiers de Rennes à l'aide de la librairie Raphael. Je suis partie du code trouvé sur ce site car il intègre en plus des infobulles en jquery : http://return-true.com/2011/06/using...-create-a-map/
J'ai modifié le fichier init.js proposé afin de pouvoir sélectionner un quartier sur le clic et changer la couleur de remplissage.
Code:
1
2
3
4
5
6
7
8
9
10
11
| .click(function(){
document.getElementById("Q41").value = paths[arr[this.id]].name;
selection = arr[this.id];
/* ici réinitialiser la couleur de tous les quartier */
this.attr({
fill: '#C83269'
});
}) |
Ca fonctionne bien mais évidement quand je clique sur un autre quartier, le précédent reste dans la couleur de sélection (#C83269). Il faudrait donc réinitialiser la couleur de tous les quartiers de la carte avant d'attribuer la couleur de sélection à celui cliqué.
Le problème c'est que je ne trouve pas comment parcourir tous les quartiers de ma carte à l'intérieur de la fonction click. J'ai testé plusieurs choses mais ça me fait tout buguer, les survols et le clic ne fonctionnent plus du tout après...
Si quelqu'un pouvait m'aider... :oops:
Voici un lien vers ma carte avec le code complet : http://sotiaf.fr/test_carte/
Merci !
