<form name="compose_galerie">
<div id="dragzone" style="width:320px;height:250px; border:1px dotted #888;">
<img src="http://demo.script.aculo.us/images/products/product2.png" id="selection01.jpg" />
<img src="http://demo.script.aculo.us/images/products/product2.png" id="selection02.jpg" />
<img src="http://demo.script.aculo.us/images/products/product2.png" id="selection03.jpg" />
<img src="http://demo.script.aculo.us/images/products/product2.png" id="selection04.jpg" />
<img src="http://demo.script.aculo.us/images/products/product2.png" id="selection05.jpg" />
<img src="http://demo.script.aculo.us/images/products/product2.png" id="selection06.jpg" />
</div>
<div id="dropzone" style="width:320px;height:250px; border:1px dotted #888;">
<input type="text" name="galerie" size="200" value=" " />
</form>
<script type="text/javascript" language="javascript" charset="utf-8">
// <![CDATA[
new Draggable('selection01.jpg', {revert:true});
new Draggable('selection02.jpg', {revert:true});
new Draggable('selection03.jpg', {revert:true});
new Draggable('selection04.jpg', {revert:true});
new Draggable('selection05.jpg', {revert:true});
new Draggable('selection06.jpg', {revert:true});
new Draggable('selection07.jpg', {revert:true});
Sortable.create('dragzone',{containment:['dragzone','dropzone'], dropOnEmpty:true});
Sortable.create('dropzone',{containment:['dragzone','dropzone'], dropOnEmpty:true});
Droppables.add('dropzone',{ hoverclass:'light' });
// ]]>
</script>
|
