svg et jquery (ou javascript) ?

bonjour,

désolé si je ne suis pas dans la bonne section, je n'ai rien trouvé de très rapprochant.

après quelques jours de recherche, je suis un peu perdu sur l'interactivité d'un svg et jquery.

Je cherche à réaliser un plan clicage pour des réservation de bureaux : changement de couleur au survol, clic pour réserver, et changement de couleur s'il est libre ou réservé.

Pour cela, j'ai créé un svg avec inkscape, j'ai créé pour tester, 2 zones cliquables, et je teste différents codes trouvés sur le net.

J'arrive bien à générer un alert('') au clic, récupérer l'id, mais pas à changer la couleur de la zone cliquée.

Pourtant, mon console.log me dit que la couleur est bien changée en DOM, mais rien de visible sur le svg !!

Auriez-vous un lien d'un tuto qui pourrait m'orienter ?

Mon fichier svg est refusé en pièce jointe, je l'ai mis en 7zip, ainsi que le fichier index.php pour le code.

Merci

Bonjour,
tu as des attributs style dans tes <rect>, notamment un opacity: 0 qui t’empêchent de voir ce qui se passe. Attention, il y a une différence entre l’attribut svg fill et la propriété CSS style.fill. Je te conseille d’ouvir ton svg avec un éditeur de texte et de supprimer les attributs style.

Merci pour l'opacity, j'étais passé vraiment à côté.