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

mootools 1.1 y FX.Styles

Estas en el tema de mootools 1.1 y FX.Styles en el foro de Frameworks JS en Foros del Web. Hola a todos, Tengo esto HTML <div class="banner_pie"> <div class="carousel"> <div class="row_left"></div> <div class="block_images"> <div class="content">texto texto texto</div> </div> <div class="row_right"></div> </div> </div> JAVASCRIPT var ...
  #1 (permalink)  
Antiguo 22/01/2009, 16:02
Avatar de mamon  
Fecha de Ingreso: enero-2002
Ubicación: Lima
Mensajes: 1.302
Antigüedad: 22 años, 11 meses
Puntos: 3
mootools 1.1 y FX.Styles

Hola a todos,
Tengo esto

HTML
<div class="banner_pie">
<div class="carousel">
<div class="row_left"></div>
<div class="block_images">
<div class="content">texto texto texto</div>
</div>
<div class="row_right"></div>
</div>
</div>


JAVASCRIPT
var target = $$("div.banner_pie div.carousel div.block_images div.content");

$$("div.banner_pie div.carousel div.row_right").addEvent('click', function(event){
var fx = new Fx.Styles(target, 'left', {duration: 1000, wait: false, transition: Fx.Transitions.Back.easeIn});
fx.start(-200);
});
});


La capa "content" se encuentra dentro de "block_images", el cual tiene un estilo con un ancho y overflow: hidden

La capa "content" es más grande y quiero que cuando le den clic a la capa "right", "content" se mueva, así como dice mi código. He visto varios ejemplos y ninguna me funciona, me quedé en este.

Qué está mal? Me sale error

el is null
__________________
Yo si sé lo que es trabajar duro, porque lo he visto.
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 23:08.