Ajout, suppression class avec jQuery

Version imprimable

3 pièce(s) jointe(s)

Bonjour,

J'ai un soucis avec mon code, car j'aimerai qu'il affiche le mois lorsque je clique sur son nom dans ma liste sauf que là ça ne marche pas car il me l'affiche dans le mois actuel au lieu du mois concerné et il acumule les mois au lieu de cacher se qui ne sont plus concerné.

J'ai mis en pièce jointe tous les fichiers nécessaire et le problème se situe dans le fichier : index.php

C'est au niveau de ça que sa bug, le soucis vient surement du removeClass et addClass sauf que j'ai beau tout essayé ça ne marche pas comme il faut:
Code:

1 2 3 4 5 6 7 if(month != current){ $('#month'+current).slideUp(); $('#month'+month).slideDown(); $('.months a').removeClass('active'); $('.months a.linkMonth'+month).addClass('active'); current = month; }
Merci d'avance pour votre aide ;)

10/02/2018, 13h20
mathieu

".linkMonth2" sélectionne la classe CSS donc dans votre cas pour chercher le mois cliqué c'est "#linkMonth2".

ensuite regardez le code HTML avec la console de développement vous verrez un autre problème dans la génération du code HTML.
10/02/2018, 18h28
Rombutucraft

Désolé, je ne comprend pas, je n'ai pas de classe : linkMonth2 dans aucun de mes fichiers :?
10/02/2018, 20h23
mathieu

c'était un exemple de classe que vous appelez avec "'.months a.linkMonth'+month", vous cherchez par exemple le lien avec la classe ".linkMonth2" mais ce lien n'existe pas dans le code HTML généré.
10/02/2018, 21h44
psychadelic

Citation:

Envoyé par mathieu

c'était un exemple de classe que vous appelez avec "'.months a.linkMonth'+month", vous cherchez par exemple le lien avec la classe ".linkMonth2" mais ce lien n'existe pas dans le code HTML généré.

peut être que ça s'rai mieux avec "'.months a#linkMonth'+month" ?

et qu'on dirai que t'a confondu les notations :
pour indiquer une classe on utilise le caractère "."
pour indiquer un id (identifiant) on utilise le caractère "#"

?? ;)
10/02/2018, 22h28
Rombutucraft

Désolé mais aucune de vos propositions ne fonctionnent. En fait je reproduis le calendrier sauf que lui il n'a aucun soucis avec son code et moi si, dans les commentaires de son tuto, une personne se plaint d'avoir le meme problème que moi, mais sa solution ne marche pas non plus.

et bien si, justement dans son code il y a bien le signe # et non un pooint comme chez toi...
Code:

1 2 3 4 5 6 7 8 if(month != current){ $('#month'+current).slideUp(); $('#month'+month).slideDown(); $('.months a').removeClass('active'); $('.months a#linkMonth'+month).addClass('active'); current = month; }
$('.months a#linkMonth'+month).addClass('active');

10/02/2018, 22h52
Rombutucraft

Désolé, mais ça ne change rien du tout le calendrier du mois cliquer n'apparait pas et lorsque je retourne sur le mois de janvier, le mois sur lequel j'avais cliquer auparavant mais qui ne s'affichait pas, apparait en dessous de celui de janvier. :calim2:
10/02/2018, 23h12
psychadelic

Alors j'imagine qu'il y a d'autres erreurs dans ton code...

Je suis pas sur d'avoir envie de débugger tout ça.

tu devrai au moins comparer ton code produit avec celui de Grafikart, ça peut être utile ...
sinon le mettre au téléchargement.....
10/02/2018, 23h15
Rombutucraft

Bas oui je le compare depuis plusieurs heures, en vain. Mais le code est déjà disponible en téléchargement sur mon premier message. :)
10/02/2018, 23h27
mathieu

maintenant que vous avez corrigé ce "#" il y a une autre erreur, c'est pour ça que j'ai marqué ça :

Citation:

Envoyé par mathieu

ensuite regardez le code HTML avec la console de développement vous verrez un autre problème dans la génération du code HTML.
10/02/2018, 23h31
psychadelic

Citation:

Envoyé par Rombutucraft

Bas oui je le compare depuis plusieurs heures, en vain. Mais le code est déjà disponible en téléchargement sur mon premier message. :)

Non je ne parle pas du code php mais du code généré en html, celui qu'on récupère depuis le navigateur avvec la commande "code source de la page"

et que tu devrais déjà toi même comparer avec celui de la démo de Grafikart, comme le suggère mathieu

le debugging fait partie de l’apprentissage 8-)
10/02/2018, 23h38
Rombutucraft

Ha désolé :roll: j'avais pas compris, en fait je me remet à faire du code après quasiment 1 an inactif, donc ça fait mal :aie:. Mais oui en effet je vois ou, vous voulez en venir, donc merci à vous deux, je test ça, et si je trouve rien je vous tiens au courant. :)
10/02/2018, 23h48
Rombutucraft

Si je vois dans l'HTML que mes class : "month relative", sont en quelques sortes empilées les unes dans les autres alors que Grafikart, elle sont séparés.
11/02/2018, 09h36
mathieu

regarder dans le fichier index.php, vous ouvrez la balise "<div class=month relative..." mais vous ne fermez pas cette balise à la fin.
11/02/2018, 11h22
Rombutucraft

Ha oui en effet, je suis vraiment pas attentif, merci beaucoup à vous 2 ;)