Tema: Actualizar dinamicamente Progressbar de jquery
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/01/2010, 16:04
Pax-Man
 
Fecha de Ingreso: noviembre-2003
Mensajes: 403
Antigüedad: 21 años, 1 mes
Puntos: 4
Actualizar dinamicamente Progressbar de jquery
Actualmente estoy trabajando con el Progressbar de JQUERY... pero me es imposible realizar una actualizacion dinamica... estuve intentado a base de codigo php pero me es imposible...

Código HTML: 
Ver original
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <title>jQuery UI Progressbar - Animated</title>
  5.     <link type="text/css" href="ui.all.css" rel="stylesheet" />
  6.     <script type="text/javascript" src="jquery-1.3.2.js"></script>
  7.     <script type="text/javascript" src="ui.core.js"></script>
  8.     <script type="text/javascript" src="ui.progressbar.js"></script>
  9.  
  10.     <link type="text/css" href="demos.css" rel="stylesheet" />
  11.     <style type="text/css">
  12.         .ui-progressbar-value { background-image: url(images/pbar-ani.gif); }
  13.     </style>
  14.     <script type="text/javascript">
  15.     $(function() {
  16.         $("#progressbar").progressbar({
  17.             value: 0
  18.         });
  19.     });
  20.     </script>
  21. </head>
  22. <body>
  23. <div class="demo">
  24.  
  25. <div id="progressbar"></div>
  26.  
  27. </div>
  28. </body>
  29. </html>
  30. <?php
  31. $intMax = 10000;
  32. $intCount = 0;
  33. while ( $valor <= 100 ) {
  34.     $valor = ($intCount++ * 100 / $intMax );
  35.         // Realizar alguna tarea
  36.         // Parsear datos de una DB
  37.         // Logica de negocios o algo
  38.         // Luego actualizar el porcentaje
  39.     echo "<script type=\"text/javascript\">";
  40.     echo "$(function() {";
  41.     echo "$(\"#progressbar\").progressbar('option', 'value', $valor);";
  42.     echo "});";
  43.     echo "</script>";
  44.     flush();
  45.         usleep( 10000 );
  46. }
  47. ?>

Peroa realmente no he logrado ese efecto de animacion de la barra de progreso, me gustaria saber si alguien ah logrado usarla durante la ejecucion de cierto progreso, en internet el uso mas frecuente que le condigo es cuando lo usan para el upload de un archivo pero para este uso del porcentaje de una tarea especifica no he conseguido documentacion...

Con el siguiente codigo podria actualizar el valor pero este se muestra solo al final de la tarea..
Código Javascript: 
Ver original
  1. <script type="text/javascript">
  2.     $(function() {
  3.         $("#progressbar").progressbar('option', 'value', 0);
  4.     });
  5.     </script>

Si alguien tiene alguna experiencia con este uso se lo agradeceria muchisimo...
Dejo el codigo preciso que estoy intentando por si alguien desea ayudarme...

http://bit.ly/4ZpZWb

Dejo este tema aqui por que imagino que ya mi error no es de php, sino de las llamadas en ajax para actualizar el progressbar...