ciao,
mi chiedevo se fosse possibile fare in modo che, al momento dello spostamento di un elemento arancio su di uno dei gialli, se ne ricreasse subito uno identico allo stesso posto iniziale.
quindi, non avere a disposizione singoli rettangolini da draggare, ma infiniti, nascosti "uno sotto l'altro"...
l'ho visto in qualche altro esempio, ma non ricordo con l'ausilio di quale libreria.


codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
	<title>Drag & drop - Esempio JavaScript scaricato da HTML.it</title>
	<script type="text/javascript" src="lib/rico/src/prototype.js"></script>
	<script type="text/javascript" src="lib/rico/src/rico.js"></script>
	<script type="text/javascript" src="lib/rico/src/ricoCommon.js"></script>
	<script type="text/javascript" src="lib/rico/src/ricoDragDrop.js"></script>
	<script type="text/javascript" src="lib/rico/src/ricoEffects.js"></script>
	<script type="text/javascript" src="lib/rico/src/ricoStyles.js"></script>
	<style>
	.dx { float:left; }
	.dxStart { float:left; margin-right:15px; }
	</style>
</head>
<body >
	<div class="dxStart" id="start1" style="background:#FD7; width:20px; border:solid 1px #000; height:100px">
	<div style="background:#FA7; width:20px; border:none; height:100px" id="dragme1">1</div>
	</div>
	<div class="dxStart" id="start2" style="background:#FD7; width:20px; border:solid 1px #000; height:100px">
	<div style="background:#FA7; width:20px; border:none; height:100px" id="dragme2">2</div>
	</div>

	<div class="dx" id="droponme1" style="background:#FD7; width:20px; border:solid 1px #000; height:100px"></div>
	<div class="dx" id="droponme2" style="background:#FD7; width:20px; border:solid 1px #000; height:100px"></div>
	<div class="dx" id="droponme3" style="background:#FD7; width:20px; border:solid 1px #000; height:100px"></div>
	<div class="dx" id="droponme4" style="background:#FD7; width:20px; border:solid 1px #000; height:100px"></div>

	<div id="bo" ></div>
	
	<script>
		var drag = new Rico.Draggable('test-rico-dnd','dragme1');
		dndMgr.registerDraggable( drag );
		dndMgr.registerDraggable( new Rico.Draggable('test-rico-dnd','dragme2') );
		dndMgr.registerDropZone( new Rico.Dropzone('droponme1') );
		dndMgr.registerDropZone( new Rico.Dropzone('droponme2') );
		dndMgr.registerDropZone( new Rico.Dropzone('droponme3') );
		dndMgr.registerDropZone( new Rico.Dropzone('droponme4') );

	</script>
</body>
</html>