Drag & Drop avec scriptaculous

Marsh Posté le 27-09-2006 à 18:31:00

Salut à tous,

J'utilise scriptaculous pour gérer le drag & drop et j'aimerais récupèrer l'id de l'image déposée dans la dropzone pour l'insérer dans le champ.
J'utilise pour l'instant l'événement onMouseUp mais c'est pas génial.

Aussi, j'aimerais limiter la dropzone à un seul élément (car là, on peut mettre tous les éléments de la dragzone dans la dropzone).

Merci de votre aide

Code :

<form name="destination">
<div id="dragzone" style="width:280px;height:70px; border:1px dotted #888;">
<img src="bruxelles.jpg" id="bruxelles" height="60", width="80" hspace="5" vspace="5" onMouseUp="javascript:document.forms['destination'].elements['recap'].value = 'Bruxelles'"/>
<script type="text/javascript">
new Draggable('bruxelles', {revert:true});
</script>
<img src="paris.jpg" id="paris" height="60", width="80" hspace="5" vspace="5" onMouseUp="javascript:document.forms['destination'].elements['recap'].value = 'Paris'"/>
<script type="text/javascript">
new Draggable('paris', {revert:true});
</script>
<img src="barcelone.jpg" id="barcelone" height="60", width="80" hspace="5" vspace="5" onMouseUp="javascript:document.forms['destination'].elements['recap'].value = 'Barcelone'"/>
<script type="text/javascript">
new Draggable('barcelone', {revert:true});
</script>
</div>
<div id="dropzone" style="width:90px;height:90px; border:1px dotted #888;">
<input type="text" name="recap" size="50" value=""/>
</div>
</form>
<script type="text/javascript">
Sortable.create('dragzone',{containment:['dragzone','dropzone'], dropOnEmpty:true});
Sortable.create('dropzone',{containment:['dragzone','dropzone'], dropOnEmpty:true});
Droppables.add('dropzone',{ hoverclass:'light' });
</script>

Message édité par VlaD62 le 27-09-2006 à 18:39:18

Reply

Marsh Posté le 27-09-2006 à 18:31:00

Reply

Marsh Posté le 28-09-2006 à 00:13:01

Pas mis en ligne, si tu veux je peux t'envoyer par mail un petit .zip

Reply

Marsh Posté le 01-10-2006 à 22:05:29

Personne pour m'aider ?

Reply

Marsh Posté le 04-10-2006 à 23:29:29

envoie moi le .zip, pour pouvoir voir tout le code

---------------
polytech'Grenoble

Reply

Marsh Posté le 05-10-2006 à 18:25:49

C'est envoyé !

Reply

Drag & Drop avec scriptaculous

Sujets relatifs:

Leave a Replay