Partage
  • Partager sur Facebook
  • Partager sur Twitter

[jQuery + Ajax] Drag n drop avec exécution ajax

Sujet résolu
Anonyme
    12 novembre 2010 à 22:35:26

    Bonjour,

    j'ai une liste que je déplace en drag n drop pour définir l'ordre.
    Donc à chaque mouvement je souhaite poster en ajax le classement à une page php qui va enregistrer en bdd.

    Voici donc le code :
    <script type="text/javascript">
    	<!--
    	$(document).ready(
    		function(){
    			$("#sortlistEquipe").sortable({
    				axis: 'y',
    				opacity: 0.6,
    				update: function (sorted){
    							var serial = $(this).sortable('serialize');
    
    							$.ajax({
    								url: 'Set_positionEquipe.php',
    								type: 'post',
    								data: serial,
    								complete: function(data){alert(data);},
    								error: function(){alert('Erreur lors du déplacement.');}
    							});
    						}
    			});
    		}
    	);
    // -->
    </script>
    


    et mon code html :
    <ul id="sortlistEquipe" style="list-style-type:none;">
    	<li>
    		<table class="order">
    			<tr>
    				<td class="edit"><strong>Action(s)</strong></td>
    				<td class="section"><strong>Section</strong></td>
    				<td class="place"><strong>Place</strong></td>
    
    				<td class="nom"><strong>Nom de l'équipe</strong></td>
    				<td class="pt"><strong>Points</strong></td>
    				<td class="adresse"><strong>Adresse</strong></td>
    			</tr>
    		</table>
    	</li>
    	
    		
    		<li class="sortable_itemEquipe" id="54">
    
    			<table class="fond_1 order">
    				<tr>
    					<td class="edit"></td>
    					<td class="section">ProB</td>
    					<td class="place">1</td>
    
    					<td class="nom">Dijon</td>
    					<td class="pt"></td>
    					<td class="adresse"></td>
    				</tr>
    			</table>
    		</li>
    <li class="sortable_itemEquipe" id="55">
    
    			<table class="fond_2 order">
    				<tr>
    					<td class="edit"></td>
    					<td class="section">ProB</td>
    					<td class="place">1</td>
    
    					<td class="nom">Dijon</td>
    					<td class="pt"></td>
    					<td class="adresse"></td>
    				</tr>
    			</table>
    		</li>
    </ul>
    


    Sauf qu'il m'affiche toujours :
    Erreur lors du déplacement.
    en première alerte et dans la seconde alerte il m'affiche
    [object XMLHttpRequest]

    Quand je fais un ALERT de serial il m'affiche rien et si je fais un serial.hash il me met "undefined"

    j'ai beau chercher sur le net je ne trouve pas comment faire. Surtout qu'avec un code moins propre avant ça fonctionnait.
    Vous allez me dire bah reprend ton ancien code. Non car avec jQuery 1.4.4 il ne fonctionne plus.

    D'où ma présence ici pour vous demander clémence ! :lol:

    Merci d'avance pour votre aide
    • Partager sur Facebook
    • Partager sur Twitter
    Anonyme
      14 novembre 2010 à 20:38:19

      problème résolu...
      j'ai mis en ligne mon code (avec quelques modifications) pour tester car je suis têtu et ça a marché.
      Donc c'est juste qu'en local sur ma machine ça marche pas car Wamp plante à chaque fois sans savoir pourquoi.
      • Partager sur Facebook
      • Partager sur Twitter

      [jQuery + Ajax] Drag n drop avec exécution ajax

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown