Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 26/07/2011, 16h54   #1
Invité de passage
 
Homme Thomas Triboult
Étudiant
Inscription : juillet 2011
Messages : 8
Détails du profil
Informations personnelles :
Nom : Homme Thomas Triboult
Âge : 21
Localisation : France, Orne (Basse Normandie)

Informations professionnelles :
Activité : Étudiant
Secteur : Enseignement

Informations forums :
Inscription : juillet 2011
Messages : 8
Points : 3
Points : 3
Par défaut [jQuery 1.6.2] Drag'n'Drop listes

Bonjour,

comme dit dans le titre je cherche à faire un drag'n'drop entre listes (ul). Mon application comporte 3 listes où chaque élément est droppable dans n'importe quelle liste sachant que le première est initialisée par le serveur (requête BDD).
Je suis parvenu à faire un drag'n'drop depuis ma liste préchargée vers n'importe quelle autre liste. Cependant, si je reprends les éléments dropé il m'est impossible de les drager à nouveau.
Ci-joint mon code actuel :
Code :
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
 
<script type="text/javascript">
	$jq(document).ready(function(){
		$jq("#listes li").draggable({revert: 'invalid'});
		$jq("#listes ul").droppable({tolerance : 'pointer', 
			drop : function(e, ui){
				optionVal = ui.draggable.val();
				optionNom = ui.draggable.html();
				ui.draggable.remove();
				$(this).append('<li value="'+optionVal+'">'+optionNom+'</li>');
			}
		});
	});
</script>
<div id="listes">
	<div id="droite" style="float:right">
		<ul id="add">
		</ul>
		<ul id="suppr">
		</ul>
	</div>
	<ul id="default">
<?php
	$motscleIn = mysql_query("select * from motcle where idMC in (select idMC from association where idSolution = ".$_GET['sol'].")");
	while($motIn = mysql_fetch_array($motscleIn)){
		echo '<li value="'.$motIn[0].'">'.$motIn[1].'</li>';
	}
?>
	</ul>
</div>
ma version de jQuery est la 1.6.2 et celle de jQuery-ui est 1.8.14.
SpYd3r est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 28/07/2011, 08h23   #2
Invité de passage
 
Homme Thomas Triboult
Étudiant
Inscription : juillet 2011
Messages : 8
Détails du profil
Informations personnelles :
Nom : Homme Thomas Triboult
Âge : 21
Localisation : France, Orne (Basse Normandie)

Informations professionnelles :
Activité : Étudiant
Secteur : Enseignement

Informations forums :
Inscription : juillet 2011
Messages : 8
Points : 3
Points : 3
Problème résolu en utilisant le Drag'n'drop en HTML5. Ça ne fonctionne pas sur Opera mais dans mon cas ce n'est pas gênant.
SpYd3r est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 07h47.


 
 
 
 
Partenaires

Hébergement Web