Discussion :

[team94]

Bonjour à tous,
Je débute en js et je galère depuis hier sur un problème qui doit être simple mais je n'y arrive pas.

J'utilise pour un tableau kanban dragula un script prévu pour le drag and drop tous fonctionne nickel. Je voudrais que lorsque l'on drop un élément il mette a jour son état en bdd.
coté js tout à l'air de fonctionner je vous met le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
drake.on("drop", function (el, target) {
  let cible = target.id;
  let id = el.id;
  let newEtat = target.dataset.cible;
 
  console.log(cible);
  console.log(id);
  console.log(newEtat);
  //===========================================================================
  const data = new FormData()
  data.append('id', id)
  data.append('etat', newEtat)
 
  fetch('./ajax/updateKanban.php', {
    method: 'post',
    body: data
  })
  .then(result => result.text())
  .then(console.log, console.error)
});

pour le php :

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<?php
echo ("ok2");
 
error_reporting(E_ALL);
ini_set("display_errors", 1);
 
include('../../bdd/pdo.php');
include('../inc/functionsKanban.php');
 
 
$id= $_POST['id'];
$newEtat = $_POST['etat'];
 
echo $id;
echo $newEtat;
 
 
//		bdd_update("UPDATE GP_Task SET etat='".$newEtat."' WHERE id='".$id."'");

dans la partie headers de chrome sur ma page updateKanban.php : j'ai bien les valeurs :


dans la partie preview ;



et dans la partie response :


par contre si je vais sur ma page updateKanban.php
les variable ne sont pas reconnu j'obtiens ca :


je me tire les cheveux depuis hier je ny arrive si quelqu'un passe par la me filer un petit coup de main je lui en serait reconnaissant.

merci

[Toufik83]

Bonjour,

par contre si je vais sur ma page updateKanban.php les variable ne sont pas reconnu...

Tu veux dire en tapant le chemin du fichier directement dans la barre d'adresse du navigateur ?

Sinon, je viens de tester ton code, et il n'y a aucun problème, les variables sont bien reconnues.

[team94]

Bonjour et merci de ta réponse

lorsque je décommente pour que la requete :

Code :

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

bdd_update("UPDATE GP_Task SET etat='".$newEtat."' WHERE id='".$id."'");

s'exécute, j'obtient l'erreur citer au dessus dans la partie network de chrome

[Toufik83]

Bonjour,

Je ne comprends pas , car les deux erreurs montrent bien undefined index, ce qui veut dire que l'erreur est liée au tableau $_POST[] ou bien un autre tableau que tu utilise quelque part...

Montre le code de la fonction bdd_update.

[team94]

Bonjour Toufik93, la fonction bddUpdate est bonne je l'utilise partout
je te remercie du temps passé mais j'ai contourné le problème en passant mes variables en GET j'essaierai de comprendre pourquoi en Post cela n'a pas fonctionné.

Merci beaucoup en tout cas je met le code et je passe le post en résolu :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
const one = document.querySelector("#task-list-one");
const two = document.querySelector("#task-list-two");
const tree = document.querySelector("#task-list-three");
const four = document.querySelector("#task-list-four");
//============================================================dragula script====================================
var drake = dragula([one, two, tree, four]);
 
drake.on("drop", function (el, target) {
  let cible = target.id;
  let id = el.id;
  let newEtat = target.dataset.cible;
  myFetch();
  console.log(cible);
  console.log(id);
  console.log(newEtat);
 
  //==========================================================================
   async function myFetch() {
     await fetch(`./ajax/updateKanban.php?id=${id}&etat=${newEtat}`, {
       method: "GET",
     })
       .then((result) => result.text())
       .then((response) => {
         if (cible == "container1") {
           el.style.borderLeft = "5px solid #3688fc";
         } else if (cible == "container2") {
           el.style.borderLeft = "5px solid #44badc";
         } else if (cible == "container3") {
           el.style.borderLeft = "5px solid #f9bc0d";
         } else if (cible == "container4") {
           el.style.borderLeft = "5px solid #fa6767";
         } else if (cible == "container5") {
           el.style.borderLeft = "5px solid #42d29d";
         } else {
         }
         displayTasksEnReflexion();
         displayTasksNonCommence();
         displayTasksECours();
         displayTasksEnTest();
         displayTasksTermine();
       });
   }
//===========================================================================================================
});