Bonne année également !
ceci est géré en ajoutant en CSS... mais j'aimerais que les liens deviennent rouge comme dans votre cas. si j'ai bien compris c'est votre fonction pour tracer les rectangles qui gère ceci
associé au CSS pour les traits
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 [class^="case-"].hover ~ * { color: #F00; stroke-width: 2px; }
c'est le sélecteur d'adjacence « élargie », ou indirecte, ~ (tilde) qui fait faire le boulot, on est donc tributaire de la structure de construction qui ressemble à
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 .trait { color: #069; stroke: currentColor; fill: none; stroke-width: 1px; }
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <g> <rect class="case-vert"></rect> <text>Libellé</text> <path class="trait"></path> <polyline class="arrow-right"></polyline> <circle class="ancre-depart"></circle> <path class="trait"></path> <polyline class="arrow-right"></polyline> <circle class="ancre-depart"></circle> </g>
pour moi la structure de tes données n'est pas un frein à l'adaptation et si une tâche n'a pas de durée alors ce n'est pas une tâche ou alors il te faut lui mettre une durée minimum par défaut..... je ne peux pas l'utiliser car je n'ai pas la même structure de données, et surtout je n'ai pas de durée pour une tâche.
il est souvent nécessaire de penser simple et basique... j'ai essayé de mettre un id pour les traits et ensuite de changer la couleur quand je passe par dessus une tâche avec du jQuery mais ça ne marche pas.
Partager