Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Mootools crear un intercambio de Divs

Estas en el tema de Mootools crear un intercambio de Divs en el foro de Frameworks JS en Foros del Web. Sucede que me pidieron que hiciera con mootools un intercambiador de DIVS... osea seria algo asi: <div id="contenedor"> <div class="div1">Contenido1</div> <div class="div2">Contenido2</div> <div class="div3">Contenido3</div> </div> ...
  #1 (permalink)  
Antiguo 02/06/2010, 07:05
 
Fecha de Ingreso: agosto-2005
Mensajes: 13
Antigüedad: 19 años, 3 meses
Puntos: 0
Mootools crear un intercambio de Divs

Sucede que me pidieron que hiciera con mootools un intercambiador de DIVS...

osea seria algo asi:

<div id="contenedor">
<div class="div1">Contenido1</div>
<div class="div2">Contenido2</div>
<div class="div3">Contenido3</div>
</div>

Entonces, mi profesor me pidio que cada que entraran a la web, estos se intercambien, osea entras y aparezca...

Cita:
Contenido1
Contenido2
Contenido3
Pero al volver a cargar la web puede que aparezca:

Cita:
Contenido3
Contenido1
Contenido2
Osea, que cambie la posicion de estos, pero, quiere que esto sea para cualquier numero, osea, si yo pongo 3 Contenidos, o pongo 100, haga lo mismo, que aleatoriamente los acomode... pero pues, no tengo mucha experiencia con esto...

Entonces, quisiera saber si alguien sabe como hacerlo?
  #2 (permalink)  
Antiguo 02/06/2010, 11:04
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 7 meses
Puntos: 101
Respuesta: Mootools crear un intercambio de Divs

Que tal sort?

http://mootools.net/docs/more/Fx/Fx.Sort
  #3 (permalink)  
Antiguo 02/06/2010, 14:59
 
Fecha de Ingreso: agosto-2005
Mensajes: 13
Antigüedad: 19 años, 3 meses
Puntos: 0
Respuesta: Mootools crear un intercambio de Divs

Muy bien, ahora, por mas que busque en el FX.Sort, no encontre una funcion que lo hiciera aleatoriamente, asi que lo que tendre que hacer es tomar el ID de los elementos, y formar el orden aleatorio basandome en eso...

Hay alguna forma de manejarlo aleatoriamente?

Ha he solucionado eso, la respuesta por si alguien mas lo necesita va enseguida:
Cita:
var vert;
window.addEvent('domready', function(){
Array.implement({
shuffle:function() {
this.sort(function (x,y) { return Math.floor(Math.random()*3)-1; });
return this;
}
});

vert = new Fx.Sort($$('#sorter li'), {transition: Fx.Transitions.Back.easeInOut, duration: 1000});
onLoad();
});

var orden = new Array();
function onLoad(){
var ul = document.getElementsByTagName("ol");
var links = ul[0].getElementsByTagName("li");
for(var j=0;j<links.length;j++){
orden[j]=j;
}
reorden=orden.shuffle();
vert.sort(reorden);
}
Creo que puede ser posible quitar ese for, y optimizarlo mas, pero como ya queria terminar y entregarlo, pues quedo asi...
y se puede cambiar la duracion de la accion, en mi caso el maestro lo queria rapido asi que le llegue a poner 1, pero le deje 1000, por si alguien quiere ver el movimiento...=D pueden hacerlo mas lento...^.^

Última edición por animeweb; 02/06/2010 a las 19:33 Razón: Encontre la Solucion

Etiquetas: intercambio, mootools
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:05.