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

delay en función de mootools

Estas en el tema de delay en función de mootools en el foro de Frameworks JS en Foros del Web. Buenos días, no se si es el sitio adecuado para comentar lo siguiente, pero tengo un problema con mootools, ya que realizo un efecto alpha ...
  #1 (permalink)  
Antiguo 16/01/2012, 08:25
 
Fecha de Ingreso: enero-2012
Mensajes: 6
Antigüedad: 12 años, 11 meses
Puntos: 0
delay en función de mootools

Buenos días,

no se si es el sitio adecuado para comentar lo siguiente, pero tengo un problema con mootools, ya que realizo un efecto alpha de 0 a 100 pero me gustaría hacer un delay antes de cargar el siguiente efecto, ya que son frases y tiene que dar tiempo a llerlo.

el código es el siguiente:


Código Javascript:
Ver original
  1. window.addEvent('domready',function() {
  2. var miEfecto1 = new Fx.Style('texto28' ,'opacity',{duration: 15000,onComplete: function(){miEfecto2.start(1,0);}});
  3. var miEfecto2 = new Fx.Style('texto41' ,'opacity',{duration: 15000,onComplete: function(){miEfecto3.start(1,0);}});
  4. var miEfecto3 = new Fx.Style('texto27' ,'opacity',{duration: 15000,onComplete: function(){miEfecto4.start(1,0);}});
  5. ...etc...
  6. var miEfecto49 = new Fx.Style('texto17' ,'opacity',{duration: 15000,onComplete: function(){miEfecto50.start(1,0);}});
  7. var miEfecto50 = new Fx.Style('texto28' ,'opacity',{duration: 15000,onComplete: function(){miEfecto51.start(1,0);}});
  8. *
  9. *
  10. miEfecto1.start(1,0);});


espero que alguien pueda ayudarme.

muchísimas gracias
  #2 (permalink)  
Antiguo 16/01/2012, 19:49
Avatar de KoswiDigital  
Fecha de Ingreso: abril-2011
Ubicación: Galicia - España
Mensajes: 220
Antigüedad: 13 años, 8 meses
Puntos: 37
Respuesta: delay en función de mootools

Hola, igual lo que estás buscando es un setInterval() para dejar unos segundos entre cada efecto.


Un saludo.
__________________
http://www.koswidigital.com - Diseño web, Programación web, Fotografía profesional, Retoque digital.
  #3 (permalink)  
Antiguo 17/01/2012, 02:53
 
Fecha de Ingreso: enero-2012
Mensajes: 6
Antigüedad: 12 años, 11 meses
Puntos: 0
Respuesta: delay en función de mootools

buenos días KoswiDigital.

si, podría servir, pero es que no sé dónde tendría que ir:

Código Javascript:
Ver original
  1. var miEfecto50 = new Fx.Style('texto28' ,'opacity',{duration: 15000,onComplete: function(){miEfecto51.start(1,0);}});

voy un poco perdido, muchas gracias!
  #4 (permalink)  
Antiguo 17/01/2012, 16:01
Avatar de KoswiDigital  
Fecha de Ingreso: abril-2011
Ubicación: Galicia - España
Mensajes: 220
Antigüedad: 13 años, 8 meses
Puntos: 37
Respuesta: delay en función de mootools

Prueba así a ver...

Código Javascript:
Ver original
  1. var miEfecto50 = new Fx.Style('texto28' ,'opacity',{duration: 15000,onComplete: function(){ setInterval( miEfecto51.start(1,0) , 5000 );}});


Más info de setInterval();
__________________
http://www.koswidigital.com - Diseño web, Programación web, Fotografía profesional, Retoque digital.
  #5 (permalink)  
Antiguo 18/01/2012, 04:35
 
Fecha de Ingreso: enero-2012
Mensajes: 6
Antigüedad: 12 años, 11 meses
Puntos: 0
Respuesta: delay en función de mootools

Muchas gracias KoswiDigital, pero sigue sin funcionar :(

te pongo el codigo fuente original para ver si crees que puede haber otro error. Estoy trabajando con joomla y esto es un mod_custom, lo carga todo bien, menos el tiempo que quedan las frases al 100% de alpha

--------------------------------------------------------------
<div class="content_efecte">
<div class="efecte">
<?php $result = mysql_query("SELECT * FROM jos_alpha_quotation");
$num_rows = mysql_num_rows($result);
while($row = mysql_fetch_array($result)){
echo "<p id='texto".$row['id']."' style='opacity : 0; visibility : hidden;'>".$row['quotation']."<br />";
echo "<span>".$row['source']."</span>";
echo "</p> ";
}
?>

<img name="comillas" id="comillas" src="/sala/templates/salaimartin/images/comillas-<?php if($_COOKIE['num_color']==NULL) echo rand(1,8);else echo $_COOKIE['num_color']?>.png" />
</div>
</div>

<script type="text/javascript">
<?php
echo "\n";
$i=1;
while($i <= $num_rows)
{
echo "var miEfecto".$i." = new Fx.Style('texto".rand(1, $num_rows )."' ,'opacity',{duration: 9000,onComplete: function(){setInterval(miEfecto".($i+1).".start(1, 0) , 15000 );}});\n";
$i++;
}
?>
window.addEvent('domready',function() {
miEfecto1.start(1,0);});
</script>
--------------------------------------------------------------

muchas gracias por tu ayuda!!
  #6 (permalink)  
Antiguo 18/01/2012, 15:17
Avatar de KoswiDigital  
Fecha de Ingreso: abril-2011
Ubicación: Galicia - España
Mensajes: 220
Antigüedad: 13 años, 8 meses
Puntos: 37
Respuesta: delay en función de mootools

A ver si podemos implementarlo de otra manera...

Código Javascript:
Ver original
  1. function dale(i)
  2. {
  3.   miEfecto+i.start(1,0)
  4. }

Código PHP:
Ver original
  1. <?php
  2. echo "\n";
  3. $i=1;
  4. while($i <= $num_rows)
  5. {
  6. echo "var miEfecto".$i." = new Fx.Style('texto".rand(1, $num_rows )."' ,'opacity',{duration: 9000,onComplete: function(){setInterval(dale(".($i+1).") , 15000 );}});\n";
  7. $i++;
  8. }
  9. ?>


A ver si así solucionamos. Nos creamos una función "de arranque" y que el setInterval la llame por cada vez que se ejecute, seleccionando el número adecuado recogido con php. Es un invento... Tú prueba ^^

Un saludo.
__________________
http://www.koswidigital.com - Diseño web, Programación web, Fotografía profesional, Retoque digital.
  #7 (permalink)  
Antiguo 27/01/2012, 02:42
 
Fecha de Ingreso: enero-2012
Mensajes: 6
Antigüedad: 12 años, 11 meses
Puntos: 0
Respuesta: delay en función de mootools

Muchas gracias por tu ayuda KoswiDigital pero no acaba de funcionar.

Lo más cerca que estoy ahora de encotrar la solución es esto:

Código Javascript:
Ver original
  1. window.addEvent('domready',function() {
  2. var miEfecto_i1 = new Fx.Style('texto17' ,'opacity',{duration: 1000,onComplete: function(){miEfecto_o1.start(1,0);}});
  3. var miEfecto_o1 = new Fx.Style('texto17' ,'opacity',{duration: 10000,onComplete: function(){setInterval(miEfecto_i2.start(0,1) , 15000 );}});
  4. var miEfecto_i2 = new Fx.Style('texto11' ,'opacity',{duration: 1000,onComplete: function(){miEfecto_o2.start(1,0);}});
  5. var miEfecto_o2 = new Fx.Style('texto11' ,'opacity',{duration: 10000,onComplete: function(){setInterval(miEfecto_i3.start(0,1) , 15000 );}});
  6.  
  7. ........
  8. var miEfecto_i60 = new Fx.Style('texto42' ,'opacity',{duration: 1000,onComplete: function(){miEfecto_o60.start(1,0);}});
  9. var miEfecto_o60 = new Fx.Style('texto42' ,'opacity',{duration: 10000,onComplete: function(){setInterval(miEfecto_i61.start(0,1) , 15000 );}});
  10. miEfecto_i1.start(0,1);});

entiendo que poniendo esto:

Código Javascript:
Ver original
  1. var miEfecto_i60 = new Fx.Style('texto42' ,'opacity',{duration: 1000,onComplete: setTimeout(function(){miEfecto_o60.start(1,0);},1250);});

tendría que hacer la pausa...pero NO LA HACE :(

no se, como lo ves...hay algo mal puesto?

muchas gracias a todo el que pueda ayudar! :)
  #8 (permalink)  
Antiguo 27/01/2012, 03:03
 
Fecha de Ingreso: enero-2012
Mensajes: 6
Antigüedad: 12 años, 11 meses
Puntos: 0
Respuesta: delay en función de mootools

Hola KoswiDigital!!

Por fin lo he solucionado!!

ahí va la solución!

Código Javascript:
Ver original
  1. var miEfecto_i1 = new Fx.Style('texto19' ,'opacity',{duration: 1000,onComplete:function(){setTimeout(function (){miEfecto_o1.start(1,0);},10000);}});
  2.  
  3. var miEfecto_o1 = new Fx.Style('texto19' ,'opacity',{duration: 1000,onComplete: function(){miEfecto_i2.start(0,1);}});

muchas gracias por tu ayuda! :)

Etiquetas: delay, 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 14:42.