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 :

Fonction sortable et mysql [UI]


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Rédacteur
    Avatar de pi-2r
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2006
    Messages
    1 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Juin 2006
    Messages : 1 487
    Par défaut Fonction sortable et mysql
    Bonjour,

    j'en appel à vous suite à un probleme qui me géne depuis quelques jours. Je m'explique, j'utiilse du drag and drop pour passer les éléments d'une listes à une autre comme l'exemple du site officiel: http://jqueryui.com/demos/sortable/#empty-lists, et dont le code et le suivant:
    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
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    <meta charset="utf-8">
    	<style>
    	#sortable1, #sortable2, #sortable3 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; background: #eee; padding: 5px; width: 143px;}
    	#sortable1 li, #sortable2 li, #sortable3 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; }
    	</style>
    	<script>
    	$(function() {
    		$( "ul.droptrue" ).sortable({
    			connectWith: "ul"
    		});
     
    		$( "ul.dropfalse" ).sortable({
    			connectWith: "ul",
    			dropOnEmpty: false
    		});
     
    		$( "#sortable1, #sortable2, #sortable3" ).disableSelection();
    	});
    	</script>
     
     
    <div class="demo">
     
    <ul id="sortable1" class='droptrue'>
    	<li class="ui-state-default">Can be dropped..</li>
    	<li class="ui-state-default">..on an empty list</li>
    	<li class="ui-state-default">Item 3</li>
    	<li class="ui-state-default">Item 4</li>
    	<li class="ui-state-default">Item 5</li>
    </ul>
     
    <ul id="sortable2" class='dropfalse'>
    	<li class="ui-state-highlight">Cannot be dropped..</li>
    	<li class="ui-state-highlight">..on an empty list</li>
    	<li class="ui-state-highlight">Item 3</li>
    	<li class="ui-state-highlight">Item 4</li>
    	<li class="ui-state-highlight">Item 5</li>
    </ul>
     
    <ul id="sortable3" class='droptrue'>
    </ul>
     
    <br clear="both" />
     
    </div><!-- End demo -->
     
     
     
    <div class="demo-description">
    <p>
    	Prevent all items in a list from being dropped into a separate, empty list
    	using the <code>dropOnEmpty</code> option set to <code>false</code>.  By default,
    	sortable items can be dropped on empty lists.
    </p>
    </div><!-- End demo-description -->
    .

    Mon problème, et même après avoir chercher sur le net, je n'arrive toujours à enregistrer dans une BDD un élément qui à été déplacer d'un tableau à l'autre ....
    Si quelqu'un sait comment faire, je suis preneur d'une solution
    Les pièges de l'Internet
    Helix, réponse à une intrusion


    "La plus grande gloire n'est pas de ne jamais tomber, mais de se relever à chaque chute." Confucius
    "Si j'ai vu plus loin, c'est en me tenant sur les épaules de géants." Isaac Newton

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Il faut utiliser les événements mis à disposition par le plugin, notamment l'événement update.
    Sur cet événement, il suffit de faire un appel AJAX pour mettre à jour ta BDD.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Rédacteur
    Avatar de pi-2r
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2006
    Messages
    1 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Juin 2006
    Messages : 1 487
    Par défaut
    Merci de ta réponse

    mais est-ce-que tu pourrais me donner un exemple que je pourrais retravailler, car comme ça, je ne vois pas trop. J'ai trouver des exemples avec un appel ajax, mais c'est fait juste pour un tableau contenant une liste modifiable ...

    Merci d'avance
    Les pièges de l'Internet
    Helix, réponse à une intrusion


    "La plus grande gloire n'est pas de ne jamais tomber, mais de se relever à chaque chute." Confucius
    "Si j'ai vu plus loin, c'est en me tenant sur les épaules de géants." Isaac Newton

  4. #4
    Rédacteur
    Avatar de pi-2r
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2006
    Messages
    1 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Juin 2006
    Messages : 1 487
    Par défaut
    Bonsoir,

    bon j'ai écrit ce morceau de code pour en fonction du nombre de mes tableaux
    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
     
    <!--------------- Début zone drag and drop avec prés enregistrement -------->
    <?php
    $a = 5;
    while ($a < 12)
    {
    ?>
    <script type="text/javascript">
    /**** Fin des catégories **********/
    $(document).ready( function()
    {
     $("#list-photos<?php
    echo $a;
    ?>").sortable({
    		/*placeholder: 'highlight',*/
                   connectWith: "ul",
    		update: function() {
    			var order = $('#list-photos<?php
    echo $a;
    ?>').sortable('serialize');
           /* $.post('action_employen.php',order);*/
            alert(order);
     
    		}
    	});
      $("#list-photos<?php
    echo $a;
    ?>").disableSelection();
    });
    </script>
    <?php
     $a = $a + 1;
    }
    ?>
    <!------------- Fin zone drag and drop avec prés-enregistrement --------------->
    alert(order) marche bien, j'ai bien le pop-up avec l'id de l'image que j'ai déplacer dans le tableau, mais comment faire pour récupérer la valeur du tableau et l'envoyer dans action_employe.php ?

    Merci d'avance
    Les pièges de l'Internet
    Helix, réponse à une intrusion


    "La plus grande gloire n'est pas de ne jamais tomber, mais de se relever à chaque chute." Confucius
    "Si j'ai vu plus loin, c'est en me tenant sur les épaules de géants." Isaac Newton

  5. #5
    Rédacteur
    Avatar de pi-2r
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2006
    Messages
    1 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Juin 2006
    Messages : 1 487
    Par défaut
    bon,

    j'ai résolu mon problème en complétant la ligne var order d'un
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     '+ '&tableau=id_tableau'
    Maintenant il me reste plus qu'a lire et ordonner ma chaîne de caractère
    Les pièges de l'Internet
    Helix, réponse à une intrusion


    "La plus grande gloire n'est pas de ne jamais tomber, mais de se relever à chaque chute." Confucius
    "Si j'ai vu plus loin, c'est en me tenant sur les épaules de géants." Isaac Newton

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

Discussions similaires

  1. La fonction "source" de MySQL ne fonctionne pas
    Par muad'dib dans le forum JDBC
    Réponses: 14
    Dernier message: 15/01/2007, 17h25
  2. [Mail] Fonction Mail - Php Mysql
    Par pod1978 dans le forum Langage
    Réponses: 1
    Dernier message: 06/10/2006, 14h51
  3. fonction date avec mysql
    Par yopman dans le forum SQL Procédural
    Réponses: 2
    Dernier message: 17/09/2006, 23h15
  4. Simulation de la fonction LIMIT de MySQL avec SQL Server
    Par Le Pharaon dans le forum MS SQL Server
    Réponses: 6
    Dernier message: 15/11/2005, 10h43
  5. Equivalent a fonction DATEDIFF pour MySQL version 3.23
    Par npze dans le forum SQL Procédural
    Réponses: 3
    Dernier message: 31/10/2005, 11h18

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