Discussion :

[artenis]

Bonjour,
j'ai un problème avec le sélecteur nth-child en l'utilisant avec Jquery.
Normalement mon code définit bien ce que je veux, mais soit il y a un conflit entre mes sélections de lignes et colonnes soit je n'utilise pas les bons sélecteurs, soit il y a un bug dans les navigateurs.
JSFiddle

Problèmes :
A) le vendredi de 12h30 à 13h00 ne devrai pas être en noir puisque le club est ouvert de 8h00 à 21h30
B) le club ferme à 19h00 le samedi

le problème (A) ne devrait pas s'afficher car je ne sélectionne pas cette tranche horaire dans mon code Jquery
(B) Je ne comprends pas pourquoi seule la tranche 20h00 - 20h30 est sélectionnée le samedi

Je décris ce que je veux dans mon code Jquery, si j'ai omis de préciser quelque chose

la couleur noir signifie "fermé"

Pouvez m'aider à trouver l'erreur ? merci

[Showie]

BOnjour,

Ton souci A vient de la définition du fermé pour le dimanche

Code :

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

tab("tr:nth-child(n+9) td:last-child").addClass("fermee");

ton n+9 va fermé toutes les dernière cellules de ton tableau à partir de la 9ème ligne et comme tu as un rowspan=2 sur ta cellule du dimanche la dernière cellule de la ligne suivante est celle du vendredi.

Soit tu supprimes le rowspan et ajoute une cellule, soit tu rallonge le rowspan du dimanche jusqu'en bas et tu remplaces ton n+9 par un 9.


Pour le souci B vient de la définition du samedi

Code :

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

tab("tr:nth-child(n+23) td:nth-child(6)").addClass("fermee");

Tu noircis la 6ème cellule sauf que sur la ligne 23 la cellule à noircir est la 3ème.

Le plus simple si tu as fait ton rowspan continu pour le dimanche tu fait

Code :

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

 tab("tr:nth-child(n+23) td:last-child").addClass("fermee");

par contre il te faut enlever le rowspan du samedi.

Ou sinon tu fait un rowspan continu pour le samedi et tu fait

Code :

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

 tab("tr:nth-child(23) td:nth-child(3)").addClass("fermee");

et c'est bon.


c'est bon pour toi ?

[artenis]

Merci,
pour toutes ces solutions, je regarde ça dès que possible et te répond si j'ai un problème ou en résolu si c'est résolu.

[SpaceFrog]

Autre possibilité avec children() et le pseudo sélecteur :eq(x)