Discussion :

[jean1190]

Bonjour,

Après avoir lu tout (et n'importe quoi), j'en appelle à vous plus pour une demande d'orientation que pour un debuggage.

Je vais simplifier le problème pour essayer d'obtenir des réponses simples et compréhensible pour que je comprenne bien
Imaginons que j'ai un tableau généré de cette manière :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
for ($i=1;$i<=10;$i++){
    echo '<tr>';
    for ($j=1;$j<=20;$j++){
        echo "<td id = '.$i.$j.'>";
        echo $i.' '.$j;
        echo '</td>';
    }
    echo '</tr'>;
}

Qui affiche donc dans chaque cellule "n°ligne n°colonne". Dans l'exemple réel, les informations sont prises dans la BDD.

L'objectif est de pouvoir cliquer sur deux cellules consécutivement puis sur un bouton "échanger" pour échanger les données de ces deux cellules, et ceci autant de fois que l'utilisateur le désire, sans rechargement de la page.
Quand l'utilisateur juge avoir fini, on envoie le tout à la base de données par PHP à l'aide d'un autre bouton "valider".

Simple non ? Et pourtant... Je suis... perdu ! J'ai du mal avec ce mélange PHP/Js. Si le tableau était en Js, j'aurais pu utiliser getElementById().innerHTML ? Or là je ne vois pas comment faire pour ensuite sauvegarder les informations dans des variables PHP.
Jai la nette impression que je vais devoir utiliser AJAX et son XMLHTTPRequest mais je ne sais ni où ni comment. (Jamais utilisé auparavant)

Je ne demande pas forcément un code tout fait, mais au moins une petite aide pour savoir où chercher, et par quoi commencer...
En gros, me dire QUOI faire, même si vous ne me dites pas COMMENT tout de suite

Merci d'avance,

[emmanuel.remy]

Salut,

Dans l'ordre des choses:

1. tu génères ta page à l'aide de PHP: tu disposes donc côté client d'un simple code HTML/Javascript
2. tu gères côté client en Javascript la sélection et l'échange de cellules de ta table (tu peux par exemple enregistrer les deux cellules concernées puis échanger leur contenu)
3. Sur validation de l'utilisateur, tu parcours ta table et tu fabriques une structure qui rend compte des cellules modificatiées (à toi de choisir le format de cette description, ...) que tu postes vers le server.
4. Sur le server ton script PHP récupères cette structure, l'analyse et fait les modifications associées en bases

Cela te convient-il ?

ERE

[jean1190]

Sur validation de l'utilisateur, tu parcours ta table et tu fabriques une structure qui rend compte des cellules modificatiées (à toi de choisir le format de cette description, ...) que tu postes vers le server.

Sur le server ton script PHP récupères cette structure, l'analyse et fait les modifications associées en bases

Merci tout d'abord pour cette réponse rapide.

Pour être tout à fait honnête, j'ai du mal à visualiser ce que tu sous-entends par "fabriquer une structure", parce que c'est justement là que je bloque ! Comment récupère t-elle les données modifiées ?

[emmanuel.remy]

Pour être tout à fait honnête, j'ai du mal à visualiser ce que tu sous-entends par "fabriquer une structure", parce que c'est justement là que je bloque ! Comment récupère t-elle les données modifiées ?

Tu parcours ta table via Javascript (collection de rows et de cells) puis pour chaque cellule tu recupères le contenu (innerHTML ou autre) que tu peux stocker - si besoin - par exemple dans un tableau Javascript.

Pour ta structure, soit tu génères par exemple une chaine de caractères que tu décoderas sur le server, soit tu peux aussi générer une structure JSON (par exemple directement à partir de ton tableau JS créé) que tu décoderas sur le server via la fonction PHP json_decode

Ici pour json javascript

Après tout cela, la logique voudrait que tu ne renvoies vers le server que les cellules réellement modifiées, donc que tu stockes au fil de l'eau les cellules à traiter.

Est ce assez clair ?

ERE

[jean1190]

Ca dépasse de loin mon domaine de connaissance... (qui se rapproche de 0 en javascript )
Mais au moins, ça me donne une piste vers laquelle chercher, Json en l'occurrence.

Tu parcours ta table via Javascript (collection de rows et de cells) puis pour chaque cellule tu recupères le contenu (innerHTML ou autre) que tu peux stocker - si besoin - par exemple dans un tableau Javascript.

Comment savoir lors du parcours de la table quelles sont les cellules qui ont été modifiées et que je vais devoir remplacer dans la bdd ?

Si j'essaye de paraphraser la suite, je dois utiliser Json pour "transformer" le tableau javascript obtenu en une réponse interprétable en PHP pour mettre à jour la BDD ?

[emmanuel.remy]

Ca dépasse de loin mon domaine de connaissance... (qui se rapproche de 0 en javascript )
Mais au moins, ça me donne une piste vers laquelle chercher, Json en l'occurrence.


Comment savoir lors du parcours de la table quelles sont les cellules qui ont été modifiées et que je vais devoir remplacer dans la bdd ?

Tu peux ajouter un attribut à chaque cellule qui indique son état (modifiée ou pas)

Si j'essaye de paraphraser la suite, je dois utiliser Json pour "transformer" le tableau javascript obtenu en une réponse interprétable en PHP pour mettre à jour la BDD ?

JSON peut prendre ton tableau Javascript et le transformer (le "sérializer") en une chiane de caractères que tu peux poster vers le server. Cette chaine sera décodée en PHP (json_decode) et et reformera le tableau original.

ERE

[jean1190]

Je ne mets pas encore "résolu" parce que je vais certainement venir demander quelques détails plus précis.

En attendant, je vais essayer d'avancer un peu le code

Merci !

[emmanuel.remy]

Je ne mets pas encore "résolu" parce que je vais certainement venir demander quelques détails plus précis.

En attendant, je vais essayer d'avancer un peu le code

Merci !

Dès que tu as avancé ton code, n'hésite pas à revenir, on corrigera si nécessaire !

ERE