Discussion :

[Zembla]

Bonjour,

j'essaye d'utiliser le script fullcalendar en lien avec une table mysql via json.
la table se présente comme ceci

id, nom , date-debut, date-fin

l'affichage se fait bien au niveau du calendrier. Quand je clique sur un nom dans une période donnée j'affiche bien dans une div le nom cliqué dans le calendrier.

Code :

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

1
2
3
4
eventClick: function (event) {
            $.getJSON('affichage_detail_planning.php', function (user) {
    $("#firstname").text(user[0].nom);    
  });

si j'ai plusieurs nom d'affichés dans une des cases du calendrier, c'est toujours celui qui correspond à la première ligne de la table qui s'affiche ( user[0]).. normal.
à la place de la clé [0], j'aimerais afficher dynamiquement la valeur de l'id de la ligne mysql correspondant au nom cliqué.

merci pour votre aide

[Zembla]

j'avance un peu.

en faisant un

Code :

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

console.log(event.id);

je récupère l'id qui m’intéresse, ce qui pourrait bien m’être utile pour la solution.

[Toufik83]

Salut,

Si je comprends bien, tu veux récupérer le bon user en passant par event.id, c'est ça ?

Pour ça il faut d'abord voir la structure de l'objet user .

Si tu fais un console.log(user); ça donne quoi ?

[Zembla]

merci de répondre Toufik
un

Code :

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

console.log(user)

me donne une erreur

Uncaught ReferenceError: user is not defined
at HTMLAnchorElement.eventClick ((index):29)
at t.publiclyTrigger (fullcalendar.min.js:10)
at e.publiclyTrigger (fullcalendar.min.js:9)
at e.handleClick (fullcalendar.min.js:8)
at HTMLAnchorElement.<anonymous> (fullcalendar.min.js:7)
at HTMLDivElement.dispatch (jquery.min.js:2)
at HTMLDivElement.y.handle (jquery.min.js:2)

par contre un

Code :

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

console.log(event.id-1);

m'affiche bien l'id qui convient, ce qui me permettra d'afficher les infos voulus dans une div.

[Toufik83]

Je ne comprends pas, console.log(user); te donne l'erreur Uncaught ReferenceError: user is not defined par-contre console.log(user.id-1); te renvoi le bon id ?!

Il faut mettre la ligne console.log dans la fonction callback de getJSON :

Code :

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

1
2
3
4
 
 $.getJSON('affichage_detail_planning.php', function (user) {
       console.log("user :",user);  //ici et pas ailleurs
 });

[Zembla]

merci toufik pour cette précision

ce que j'ai mis c'est

Code :

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

console.log(event.id-1)

et ça fonctionne

en mettant

Code :

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

 console.log("user :",user);

ça m'affiche l'array, ce qui est mieux.

ça me donne ce message

Code :

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

1
2
3
4
5
{0: {…}, 1: {…}, id: "2", nom: "Bower"}
0: {id: "1", nom: "Martin", start: "2019-11-26", end: "2019-11-27"}
1: {id: "2", nom: "Bower", start: "2019-11-26", end: "2019-11-29"}
id: "2"
nom: "Bower"