Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/05/2015, 09:50
todasontodas
Invitado
 
Mensajes: n/a
Puntos:
Evitar parpadeo al actualizar

Buenas tardes a todos.

Estoy intentando actualizar una pagina cada segundo pero que no me haga el molesto parpado en blanco.

Lo que hace el código es usar la api de google para generar una esfera con una aguja, y me gustaría que solo se moviera la aguja cuando se actualizar, no ese molesto parpadeo

El codigo es el siguiente:

Código PHP:
<html> 
  <head> 
<!--        <meta http-equiv="refresh" content="2" > refresco web --> 
        <title>PUE</title> 
  </head> 
  <body> 
    <?php 

    $resultado
system('/etc/nagios3/scrips/pue'); 

    
?> 
    <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); }); 

      function drawChart(valor) { 

//                valor = parseInt(valor); 
                valor = parseFloat(valor); 
        var data = google.visualization.arrayToDataTable([ 
          ['Label', 'Value'], 
          ['PUE', valor], 
        ]); 

        var options = { 
          width: 400, height: 140, 
          redFrom: 3, redTo: 4, 
          yellowFrom:2, yellowTo: 3, 
          greenFrom: 0, greenTo: 2, 
          min: 0, max: 4, 
          minorTicks: 5 
        }; 

        var chart = new google.visualization.Gauge(document.getElementById('chart_div')); 
        chart.draw(data, options); 

      } 
    </script> 
        <center><div id="chart_div" style="width: 400px; height: 140px;"></div></center> 
  </body> 
</html>
¿Alguien me echa una mano por favor?

Saludos y gracias