IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Ajout, suppression class avec jQuery


Sujet :

jQuery

  1. #1
    Membre du Club
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2016
    Messages
    173
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Finistère (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2016
    Messages : 173
    Points : 50
    Points
    50
    Par défaut Ajout, suppression class avec jQuery
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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
    Fichiers attachés Fichiers attachés

  2. #2
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 400
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 400
    Points : 15 764
    Points
    15 764
    Par défaut
    ".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.

  3. #3
    Membre du Club
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2016
    Messages
    173
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Finistère (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2016
    Messages : 173
    Points : 50
    Points
    50
    Par défaut
    Désolé, je ne comprend pas, je n'ai pas de classe : linkMonth2 dans aucun de mes fichiers

  4. #4
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 400
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 400
    Points : 15 764
    Points
    15 764
    Par défaut
    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é.

  5. #5
    Expert confirmé Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 529
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 529
    Points : 4 749
    Points
    4 749
    Par défaut
    Citation Envoyé par mathieu Voir le message
    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 "#"

    ??

  6. #6
    Membre du Club
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2016
    Messages
    173
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Finistère (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2016
    Messages : 173
    Points : 50
    Points
    50
    Par défaut
    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.

  7. #7
    Expert confirmé Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 529
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 529
    Points : 4 749
    Points
    4 749
    Par défaut
    et bien si, justement dans son code il y a bien le signe # et non un pooint comme chez toi...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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');

  8. #8
    Membre du Club
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2016
    Messages
    173
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Finistère (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2016
    Messages : 173
    Points : 50
    Points
    50
    Par défaut
    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.

  9. #9
    Expert confirmé Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 529
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 529
    Points : 4 749
    Points
    4 749
    Par défaut
    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. #10
    Membre du Club
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2016
    Messages
    173
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Finistère (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2016
    Messages : 173
    Points : 50
    Points
    50
    Par défaut
    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.

  11. #11
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 400
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 400
    Points : 15 764
    Points
    15 764
    Par défaut
    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 Voir le message
    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.

  12. #12
    Expert confirmé Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 529
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 529
    Points : 4 749
    Points
    4 749
    Par défaut
    Citation Envoyé par Rombutucraft Voir le message
    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

  13. #13
    Membre du Club
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2016
    Messages
    173
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Finistère (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2016
    Messages : 173
    Points : 50
    Points
    50
    Par défaut
    Ha désolé j'avais pas compris, en fait je me remet à faire du code après quasiment 1 an inactif, donc ça fait mal . 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.

  14. #14
    Membre du Club
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2016
    Messages
    173
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Finistère (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2016
    Messages : 173
    Points : 50
    Points
    50
    Par défaut
    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.

  15. #15
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 400
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 400
    Points : 15 764
    Points
    15 764
    Par défaut
    regarder dans le fichier index.php, vous ouvrez la balise "<div class=month relative..." mais vous ne fermez pas cette balise à la fin.

  16. #16
    Membre du Club
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2016
    Messages
    173
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Finistère (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2016
    Messages : 173
    Points : 50
    Points
    50
    Par défaut
    Ha oui en effet, je suis vraiment pas attentif, merci beaucoup à vous 2

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Comment ajouter une directive avec JQuery
    Par topolino dans le forum AngularJS
    Réponses: 2
    Dernier message: 14/10/2014, 17h56
  2. Suppression champs avec jquery
    Par jules_diedhiou dans le forum jQuery
    Réponses: 9
    Dernier message: 10/10/2012, 11h48
  3. Ajouter une classe avec un identifiant unique
    Par Pierrea4564 dans le forum jQuery
    Réponses: 2
    Dernier message: 27/09/2011, 11h08
  4. [XML] ajout/suppression d'un node avec xml::xyz
    Par LFC dans le forum Modules
    Réponses: 2
    Dernier message: 11/07/2007, 20h25
  5. Réponses: 1
    Dernier message: 28/02/2007, 09h16

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo