VlaD62 | 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
|