Discussion :

[Oluha]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

Voici un lien vers ma carte avec le code complet : http://sotiaf.fr/test_carte/

Merci !

[Oluha]

Bon en fait je n'avais pas la dernière version de la librairie Raphael et depuis a été ajouté une fonction "foreach" qui permet de parcourir tous les éléments.