Excellent Drag & drop sur tableau mais comment envoyer ça dans MYSQL ?

**myz-rix** · 29/07/2016, 11h38

Bonjour,

J'aurai besoin de votre aide, je suis novice en Java et j'ai vraiment besoin d'utiliser un code trouvé sur internet. pourriez vous m'aider ?
A force de bidouille j'ai réussit a mettre en piste le super tableau que propose ce site:
https://johnny.github.io/jquery-sortable/#

Nom : dragndrop_table.png
Affichages : 388
Taille : 11,0 Ko

Nom : dragndrop_table.png
Affichages : 388
Taille : 11,0 Ko

Code html :

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html>
  <head>
    <title>jQuery Sortable</title>
 
    <link href='https://johnny.github.io/jquery-sortable/css/application.css' rel='stylesheet'>
  </head>
  <body>
 
    <div class='bootstrap-container'>
 
      <div id='features'>
        <div class='row'>
 
          <div class='span6'>
 
 
            <ol class='default vertical'>
              <li>
                First
                <ol></ol>
              </li>
              <li>
                Second
                <ol></ol>
              </li>
              <li>
                Third
                <ol>
                  <li>First</li>
                  <li>Second</li>
                  <li>
                    Third
                    <ol>
                      <li>First</li>
                      <li>Second</li>
                    </ol>
                    <ol>
                      <li>First</li>
                      <li>Second</li>
                    </ol>
                  </li>
                </ol>
              </li>
              <li>Fourth</li>
              <li>Fifth</li>
              <li>Sixth</li>
            </ol>
          </div>
        </div>
      </div>
 
 
    </div>
 
    	<script src='https://johnny.github.io/jquery-sortable/js/application.js'></script>
 
  </body>
</html>

Comment puis je faire pour que le tableau alimente une table MYSQL ?

merci d'avance

**Christophe P.** · 29/07/2016, 14h33

Bonjour,

il vous faut mettre votre tableau dans un formulaire puis utiliser un langage serveur (PHP, Java (pas JavaScript), .NET, etc.) pour l'enregistrement en base de données.

Vous trouverez ici un exemple pour alimenter une base MySQL avec du PHP.

Les bases du PHP.

**myz-rix** · 29/07/2016, 15h54

je code en PHP et je vois pas comment PHP pourrait récupérer l'emplacement du drag & drop

c'est via du javascript/AJAX normalement non ?

je me suis peut-être mal exprimé, il me faudrait enregistrer dans MYSQL les nouveaux emplacements de chaque éléments après les avoir déplacé avec la souris.

**Christophe P.** · 29/07/2016, 16h28

Dans le code JavaScript de Johnny vous devez avoir une fonction qui permet de récupérer les emplacements des différents éléments. A partir de là, vous pouvez soit mettre à jour des champs cachés d'un formulaire (puis le valider), soit (de manière plus élégante) passer ces emplacements à du code PHP, via AJAX.
Ajouter un bouton pour envoyer les infos me semble nécessaire à moins que chaque déplacement n'envoie le nécessaire (via AJAX).

Excellent Drag & drop sur tableau mais comment envoyer ça dans MYSQL ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager