Ver Mensaje Individual
  #9 (permalink)  
Antiguo 07/05/2015, 02:54
todasontodas
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Evitar parpadeo al actualizar

Muchas gracias por la ayuda pero no me funciono. Te explico un poco el codigo para ver si asi comprendes mejor lo que quiero conseguir, añadi lo tu codigo asi vaya a ser que lo añadiera mal:

Código PHP:
<html>
  <head>
        <title>PUE</title>
  </head>
  <body>
    <?php

    $resultado
system('/etc/nagios3/scrips/pue'); //la variable obtiene un numero de un scrips que va variando cada vez que se refresca la pagina

    
?>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">

          var valor = "<?php echo ($resultado); ?>" ;

          google.load("visualization", "1", {packages:["gauge"]});
          google.setOnLoadCallback(function() { drawChart(valor); });

      var options = {                     //Variable fija, no hace falta declararla cada vez que se ejecuta la función drawChart.
        width: 400, height: 140, 
        redFrom: 3, redTo: 4, 
        yellowFrom:2, yellowTo: 3, 
        greenFrom: 0, greenTo: 2, 
        min: 0, max: 4, 
        minorTicks: 5 
    };
        
    function drawChart() { 
        var valor = parseFloat($.get("file.php")); //Fichero PHP que imprime en pantalla el valor de $resultado; (SOLO SI $RESULTADO ES VARIABLE).
        var data = google.visualization.arrayToDataTable([['Label', 'Value'],['PUE', valor],]); 
        var chart = new google.visualization.Gauge(document.getElementById('chart_div')); 
        chart.draw(data, options); 
    } 
    
    reload = setInterval(drawChart(), 2000);
    </script>
        <center><div id="chart_div" style="width: 400px; height: 140px;"></div></center>
  </body>
</html>

Te dejo una foto para que tambien comprendas lo que quiero conseguir.
Seria que se refrescara la pagina y no diera el molesto parpadeo y que solo se moviera la aguja. Con la variable anterior se obtiene el valor el cual hace mover a la aguja con esa cantidad

Última edición por todasontodas; 07/05/2015 a las 03:00