Untitled

<html><head><script src="js/prototype.js" type="text/javascript"></script><script src="js/effects.js" type="text/javascript"></script><script src="js/dragdrop.js" type="text/javascript"></script></head><body><br clear="all" /> <br clear="all" /> <div id="solapas" style="width: 700px; height: auto; padding-left: 4px;">	<div id="solapa_1" style="width: 100px; background-color: #ff0000; float: left; margin: 1px;">Solapa 1</div>	<div id="solapa_2" style="width: 100px; background-color: #ffff00; float: left; margin: 1px;">Solapa 2</div>	<div id="solapa_3" style="width: 100px; background-color: #ff00ff; float: left; margin: 1px;">Solapa 3</div>	<div id="solapa_4" style="width: 100px; background-color: #000000; float: left; margin: 1px;">Solapa 4</div>	<div id="solapa_5" style="width: 100px; background-color: #00ff00; float: left; margin: 1px;">Solapa 5</div></div><br clear="all" /><br clear="all" /> <div id="enlaces" style="width: 400px; height: auto;">   <div id="enlace_1" style="height:100px; width: 100px; background-color: #ff0000; float: left; margin: 5px;"><div style="background-color: #0000ff; cursor:move;" class="movedor">&nbsp;</div>&nbsp;1</div>   <div id="enlace_2" style="height:100px;width: 100px; background-color: #ffff00; float: left; margin: 5px;"><div style="background-color: #0000ff; cursor:move;" class="movedor">&nbsp;</div>&nbsp;2</div>   <div id="enlace_3" style="height:100px;width: 100px; background-color: #ff00ff; float: left; margin: 5px;"><div style="background-color: #0000ff; cursor:move;" class="movedor">&nbsp;</div>&nbsp;3</div>   <div id="enlace_4" style="height:100px;width: 100px; background-color: #000000; float: left; margin: 5px;"><div style="background-color: #0000ff; cursor:move;" class="movedor">&nbsp;</div>&nbsp;4</div>   <div id="enlace_5" style="height:100px;width: 100px; background-color: #0000ff; float: left; margin: 5px;"><div style="background-color: #0000ff; cursor:move;" class="movedor">&nbsp;</div>&nbsp;5</div>   <div id="enlace_6" style="height:100px;width: 100px; background-color: #00ff00; float: left; margin: 5px;"><div style="background-color: #0000ff; cursor:move;" class="movedor">&nbsp;</div>&nbsp;6</div>   <div id="enlace_7" style="height:100px;width: 100px; background-color: #c0c0c0; float: left; margin: 5px;"><div style="background-color: #0000ff; cursor:move;" class="movedor">&nbsp;</div>&nbsp;7</div>   <div id="enlace_8" style="height:100px;width: 100px; background-color: #ff0000; float: left; margin: 5px;"><div style="background-color: #0000ff; cursor:move;" class="movedor">&nbsp;</div>&nbsp;8</div>   <div id="enlace_99" style="height:100px;width: 100px; background-color: #ff0000; float: left; margin: 5px;"><div style="background-color: #0000ff; cursor:move;" class="movedor">&nbsp;</div>&nbsp;99</div> </div><br clear="all" />  <p>    <span id="infoorden">sin mover</span> </p> <script type="text/javascript" language="javascript"> // <![CDATA[   Sortable.create("enlaces",     {tag:'div',overlap:'horizontal',constraint: false, 'handle': 'movedor',      onUpdate:function(){	    var secuencia = Sortable.sequence('enlaces');          $('infoorden').innerHTML = "orden enlaces nuevo: "+secuencia;      }    })    Sortable.create("solapas",     {tag:'div',overlap:'horizontal',constraint: false,      onUpdate:function(){	    var secuencia = Sortable.sequence('solapas');           $('infoorden').innerHTML = "orden solapas nuevo: "+secuencia;      }    })    Droppables.add('solapa_1',{    	onDrop:function(element){    		 $('infoorden').innerHTML = "dropeado a solapa 1 el enlace: "+element.id;    		 $('enlaces').removeChild (element);    		}    	});    Droppables.add('solapa_2',{    	onDrop:function(element){    		 $('infoorden').innerHTML = "dropeado a solapa 2 el enlace: "+element.id;    		 $('enlaces').removeChild (element);    		}    	});    Droppables.add('solapa_3',{    	onDrop:function(element){    		 $('infoorden').innerHTML = "dropeado a solapa 3 el enlace: "+element.id;    		 $('enlaces').removeChild (element);    		}    	});    Droppables.add('solapa_4',{    	onDrop:function(element){    		 $('infoorden').innerHTML = "dropeado a solapa 4 el enlace: "+element.id;    		 $('enlaces').removeChild (element);    		}    	});    Droppables.add('solapa_5',{    	onDrop:function(element){    		 $('infoorden').innerHTML = "dropeado a solapa 5 el enlace: "+element.id;    		 $('enlaces').removeChild (element);    		}    	}); // ]]> </script></body></html>