Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2640 connectés 

  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Fonction onclick .svg RER A

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Fonction onclick .svg RER A

n°2363419
jeanmichje​anmich
Posté le 30-09-2020 à 13:20:35  profilanswer
 

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

mood
Publicité
Posté le 30-09-2020 à 13:20:35  profilanswer
 

n°2363422
mechkurt
Posté le 30-09-2020 à 14:10:15  profilanswer
 

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

Aller à :
  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Fonction onclick .svg RER A

 

Sujets relatifs
Map RER A, afficher informations au clicFonction qui compare deux tableaux et stocke le résultat dans un trois
Fonction mail() sur synologyMembre non static en pointeur sur fonction pour callback
Mapping d'un tableau en fonction de valeurs déjà filtréesFonction javascript
[html] fonction scrollForcer le clavier numérique en fonction d'un input type
Puisssance d'un nombre(fonction récursive) 
Plus de sujets relatifs à : Fonction onclick .svg RER A


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR