Fonction onclick .svg RER A

Fonction onclick .svg RER A - Javascript/Node.js - Programmation

Marsh Posté le 30-09-2020 à 13:20:35    

Bonjour à tous,
 
Je suis en pleine création de map de suivi travaux pour le RER A.
 
Cette map est en .SVG.
 
voici le lien :https://codepen.io/gkerfers/pen/BaNpzdR
 
Je bloque sur les fonctions onclicks.
 
VOICI LE RESUME DU FONCTIONNEMENT DE LA MAP
Chaque logo d'une gare représente un type de travaux.
Lorsque je clique sur un logo, la couleur de ce dernier change.
Par exemple, lorsque je clique sur un logo, il passe au orange, cela montre que ce type de travaux est en cours de travaux…
Le passage de couleur d'un logo ou plusieurs influe sur la couleur d'un cercle d'une gare.
 
CE QUE J'ARRIVE A FAIRE :
 
1) Lorsqu'un symbole passe au orange, la couleur du cercle de la gare (qui était initialement blanc) passe au orange.
2) Lorsque tous les symboles sont au vert, la couleur du cercle de la gare passe au vert.
3) Lorsque tous les symboles sont au noir, la couleur du cercle de la gare est blanc.
 
Nb: Je ne l'ai fait que pour la gare de Saint-Germain-en-Laye
 
CE QUE J'AIMERAIS FAIRE:
 
1) Lorsque tous les logos sont noirs, la couleur du cercle de la gare en question est blanc.
 
2) Lorsque la couleur d'un des deux logos "Système de Téléphonie Avancée" et "Système d'Aide à l'Exploitation (AGS6)" passe au orange :
--> le logo Phase 2.1 passe au orange et la couleur du cercle de la gare passe également au orange
 
3) Lorsque les logos "Système de Téléphonie Avancée" et "Système d'Aide à l'Exploitation (AGS6)" sont au vert :
--> le logo Phase 2.1 passe au vert et la couleur du cercle de la gare repasse au blanc (couleur initiale)
 
4) Lorsque la couleur d'un des trois logos "Sonorisation locale" et "Nouveau pupitre de supervision" et "Volume Technique Protégé" passe au orange :
--> le logo Phase 2.2 passe au orange et la couleur du cercle de la gare passe au orange
Nb : le logo phase 2.1 reste au vert
Nb2 : on effectue d'abord les travaux phase 1 ensuite les travaux phase 2
 
5) Lorsque la couleur d'un des trois logos "Sonorisation locale" et "Nouveau pupitre de supervision" et "Volume Technique Protégé" sont au vert :
--> le logo Phase 2.2 passe au vert et la couleur du cercle de la gare passe au vert
Nb : le logo phase 2.1 est également au vert
 
Si quelqu'un pourrait m'aider ça serait super cool de votre part

Reply

Marsh Posté le 30-09-2020 à 13:20:35   

Reply

Marsh Posté le 30-09-2020 à 14:10:15    

Merci de ne pas recréer un sujet et de compléter celui en cours...
https://forum.hardware.fr/hfr/Progr [...] 7811_1.htm


---------------
D3
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed