Foros del Web » Programando para Internet » PHP »

Cuenta regresiva jquery en laravel

Estas en el tema de Cuenta regresiva jquery en laravel en el foro de PHP en Foros del Web. Buenos días ! La verdad que me estoy estresando un poquito , tengo una cuenta regresiva que funciona correctamente. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver ...
  #1 (permalink)  
Antiguo 20/05/2015, 05:23
 
Fecha de Ingreso: noviembre-2010
Mensajes: 156
Antigüedad: 14 años
Puntos: 0
Cuenta regresiva jquery en laravel

Buenos días ! La verdad que me estoy estresando un poquito , tengo una cuenta regresiva que funciona correctamente.

Código Javascript:
Ver original
  1. <div id="countdown"></div>
  2.  
  3. <script>
  4.         /**
  5.          * Set timer countdown in seconds with callback
  6.          */
  7.         $('#countdown').timeTo(10, function(){
  8.             alert('Countdown finished');
  9.         });
  10.        
  11.     </script>

Entonces cuándo lo pongo en el foreach de Laravel sólo se me aplica a un elemento , la idea es que se aplique a todos los productos, igualmente cuando aplico un foreach me da el siguiente problema y es que resta los segundos de tantos elementos productos.

Alguna ayuda ? El foreach de laravel es el clásico.
  #2 (permalink)  
Antiguo 20/05/2015, 07:33
Avatar de hhs
hhs
Colaborador
 
Fecha de Ingreso: junio-2013
Ubicación: México
Mensajes: 2.995
Antigüedad: 11 años, 4 meses
Puntos: 379
Respuesta: Cuenta regresiva jquery en laravel

El detalle es que esto no tiene nada que ver con Laravel y blade. es cosa de jquery.
__________________
Saludos
About me
Laraveles
A class should have only one reason to change.
  #3 (permalink)  
Antiguo 20/05/2015, 08:34
 
Fecha de Ingreso: noviembre-2010
Mensajes: 156
Antigüedad: 14 años
Puntos: 0
Respuesta: Cuenta regresiva jquery en laravel

Eps , se me olvidó copiar la parte de php , entonces cuándo tengo más de un produco me resta de 4 en 4 incluso XD , alguna ayuda ?
Código PHP:
Ver original
  1. @foreach ($productos as $producto)
  2.                     <div class="col-sm-4">
  3.                             <div class="col-sm-12">
  4.                                 <div class="single-widget">
  5.                                     <h2>{{$producto->nombre}}</h2>
  6.                                 </div>
  7.                             </div>
  8.                             <a href="item/{{$producto->id}}"><div class="product-image-wrapper">
  9.                                 <div class="single-products">
  10.                                     <div class="productinfo text-center">
  11.                                         <img src="images/home/product2.jpg" alt="" />
  12.                                         <h2>{{$producto->cant_actual}}</h2>
  13.                                         <p>{{$producto->descripcion}}</p>
  14.                                         <a class="btn btn-default add-to-cart pujar"><i class="fa fa-shopping-cart"></i>Pujar</a>
  15.                                     </div>
  16.                                    
  17.                                 </div>                     
  18.                                     </div>                 
  19.                                 <div id="countdown"></div>
  20.                         </div>
  21.                         @endforeach
  #4 (permalink)  
Antiguo 20/05/2015, 09:20
Avatar de hhs
hhs
Colaborador
 
Fecha de Ingreso: junio-2013
Ubicación: México
Mensajes: 2.995
Antigüedad: 11 años, 4 meses
Puntos: 379
Respuesta: Cuenta regresiva jquery en laravel

Esta parte debe de tener diferente id en cada ciclo del foreach:
Código HTML:
Ver original
  1. <div id="countdown"></div>
__________________
Saludos
About me
Laraveles
A class should have only one reason to change.
  #5 (permalink)  
Antiguo 21/05/2015, 12:27
 
Fecha de Ingreso: noviembre-2010
Mensajes: 156
Antigüedad: 14 años
Puntos: 0
Respuesta: Cuenta regresiva jquery en laravel

Buenos días he cambiado el contador y ahora no tengo ningún problema , con PHP aora devuelvo la fecha en un formato.

Vista de laravel : {{date('Y-m-d',strtotime('+'.$subasta->durada.' days', strtotime($subasta->created_at)))}}

Y ahora necesito pasarle los distintos formatos del foreach al jquery

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.                                  
  3.                                   $('.clock').countdown('2015/05/22', function(event) {
  4.                                    $(this).html(event.strftime('%D days %H:%M:%S'));
  5.                                  });
  6.                                  </script>

Alguien me podría ayudar con esto ? Gracias!

Etiquetas: jquery, laravel, regresiva
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 15:24.