El archivo Sort.js completo es este...
Código:
window.addEvent('domready', function(){
//var ID0= new Ordenar('ol','li','ID0','ol#ID0 li');
//var ID1 = new Ordenar('div','div','ID1','div#ID1 div');
var ID2 = new Ordenar('ul','li','ID2','ul#ID2 li');
});
var orden = new Array();
var Ordenar = new Class({
duration: 1,
initialize: function(tag1,tag2,id1,taget){
Array.implement({
shuffle:function() {
this.sort(function (x,y) { return Math.floor(Math.random()*3)-1; });
return this;
}
});
vert = new Fx.Sort($$(taget), {transition: Fx.Transitions.Back.easeInOut, duration: this.duration});
//vert.stop();
var ul = document.getElementsByTagName(tag1);
var links = ul[0].getElementsByTagName(tag2);
for(var j=0;j<links.length;j++){
orden[j]=j;
}
orden=orden.shuffle().shuffle().shuffle();
vert.sort(orden);
}
});
La clase lo que hace, es tomar un elemento, y toma los elementos, despues de esto, los mete en un areglo, los reordena, y los manda al FX.Sort, que se encarga de reacomodarlos...
Entonces, lo que hice fue meterlo en una clase...para poder realizar varios acciones...
HTML:
Código:
<ol id="ID0">
<li>
ID0-0
<div id="ID1">
<div>ID1-0</div>
<div>ID1-1</div>
<div>ID1-2</div>
<div>ID1-3</div>
<div>ID1-4</div>
</div>
</li>
<li>
ID0-1
<div>
<ul id="ID2">
<li>ID2-0</li>
<li>ID2-1</li>
<li>ID2-2</li>
<li>ID2-3</li>
</ul>
</div>
</li>
<li>
ID0-2
<br>
X
</li>
</ol>
lo que pasa es que quiero que reacomode, ya lo hace, per cuando es 1 solo todo va bien, cuando realiza las funciones de 2, hay elementos que no se mueven, y entonces, otros elementos se enciman en estos, y cuando son 3, ^.^ parece que exploto una bomba a la mitad de la web...por que todo esta por doquier...
Entonces, necesito que sea facil la implementacion...pero pues, al crearla, la cree como me vino a la mente...XD
Lo olvide, esta hecho en Mootools...