Saludos...
tengo un problema con Sortable.create(), yo uso Prototype, yo ya tengo el grid que se ordena pero ahora quiero mover las columnas
alguien por ahi tendra un ejemplo solo ahora puedo hacer esto :
Código HTML:
<script src="../js/prototype.js" type="text/javascript"></script>
<script src="../js/scriptaculous.js" type="text/javascript"></script>
<style type="text/css" media="screen">
.estilo1{
height:4px;
width:50px;
/*margin-top:-3px;*/
/*margin-left:-5px;*/
z-index:1000;
/*overflow: hidden;*/
}
.otro{background: green; margin:2px; padding: 10px; border:1px solid #E8A400;}
</style>
<table width="100%" border="1">
<tr id="Content">
<td id="container1" class="estilo1"><div class="otro" id="texto">Content Item 1</div></td>
<td id="container2" class="estilo1"><div class="otro">Content Item 2</div></td>
<td id="container3" class="estilo1"><div class="otro">Content Item 3</div></td>
</tr>
<tr>
<td>ELEMENTO_1.1</td>
<td>ELEMENTO_1.2</td>
<td>ELEMENTO_1.3</td>
</tr>
<tr>
<td>ELEMENTO_2.1</td>
<td>ELEMENTO_2.2</td>
<td>ELEMENTO_2.3</td>
</tr>
</table>
<script>
i = 0;
var params = {
tag: 'div',
ghosting: true,
containment: new Array("container1","container2","container3"),
constraint: '',
dropOnEmpty: true,
onChange:function(){$('texto').innerHTML="entro : " + i++;},
onUpdate : function(){$('texto').innerHTML="entro : " + i++;}
};
Sortable.create($("container1"), params);
Sortable.create($("container2"), params);
Sortable.create($("container3"), params);
</script>
Pero la idea es q yo mueva el titulo de la columna y donde lo coloque la columna q reciba tendra q pocisionarce a la columna q se movio...
O se podria hacer con otra funcion como new Draggable()...
Gracias por sus respuestas...