Clases por tiempo

[animeweb]

Hace un tiempo, vine preguntando como mover elementos, bueno, ahora quiero saber como darle un tiempo a cada clase...

var ID0= new Ordenar();
var ID1 = new Ordenar();
var ID2 = new Ordenar();

tengo estas 3 clases, y quiero que se realicen de la siguiente manera, primero la ID0, despues la ID1, y por ultimo la ID2...osea, que hagan lo que estan haciendo, y terminen, y siga la otra...por que al realizar una por una, no hay ningun problema, pero al correr las 3 a la vez, queda todo desubicado en la web...

[nibal2]

si siempre tienes esos pasos (Id0, ID1, ID2), podrias colocar al final de cada ejecucion que llame a la siguiente. desconosco de que se tratan tus clases, porque no las colocas, pero tuve un problema parecido y lo resolvi de esa forma.

[animeweb]

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...

[nibal2]

Modificar el mootools me ha traido algunos dolres de cabeza, pero me las he arreglado...

creo que podrias hacer un ciclo donde esas ID0,1,2 esten en un array y valla realizando una por una. esto tendria que meter en el ciclo

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);
}

PD: no se porqué no puedo dejarla marcada como lo hacen todos, tampoco puedo colocar emoticones, parece que me lo bloquean en mi trabajo, porque ni cambiando de navador se activan...

[animeweb]

sorry por no aver escrito antes...lo probare en estos dias...y les caigo y aviso que paso con el...^.^ Gracias