Tema: actualizar solo una parte de la pagina
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 15/08/2012, 10:19
PepeF
 
Fecha de Ingreso: julio-2012
Mensajes: 276
Antigüedad: 13 años, 3 meses
Puntos: 27
Respuesta: actualizar solo una parte de la pagina
prueba esto:

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <meta http-equiv="refresh" content="1">
  4.     <title>Actualizador BD</title>
  5.     <script>
  6.         /*
  7. * Parametros mandatorios
  8. */
  9.     var seconds = 60; // el tiempo en que se refresca
  10.     var divid = "tabla"; // el div que quieres actualizar!
  11.     var nocacheurl = 'tabla.php';
  12.     
  13.     //var url = "tabla.php"; // el archivo que ira en el div
  14.  
  15.     function refreshdiv(){
  16.  
  17.         // The XMLHttpRequest object
  18.  
  19.         var xmlHttp;
  20.         try{
  21.             xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
  22.         }
  23.         catch (e){
  24.             try{
  25.                 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
  26.             }
  27.             catch (e){
  28.                 try{
  29.                     xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  30.                 }
  31.                 catch (e){
  32.                     alert("Tu explorador no soporta AJAX.");
  33.                     return false;
  34.                 }
  35.             }
  36.         }
  37.  
  38.         // Timestamp for preventing IE caching the GET request
  39.         var timestamp = parseInt(new Date().getTime().toString().substring(0, 10));
  40.         
  41.  
  42.         // The code...
  43.  
  44.         xmlHttp.onreadystatechange=function(){
  45.             if(xmlHttp.readyState== 4 && xmlHttp.readyState != null){
  46.                 document.getElementById(divid).innerHTML=xmlHttp.responseText;
  47.                 setTimeout('refreshdiv()',seconds*1000);
  48.             }
  49.         }
  50.         xmlHttp.open("GET",nocacheurl,true);
  51.         xmlHttp.send(null);
  52.     }
  53.  
  54.     // Empieza la función de refrescar
  55.  
  56.     window.onload = function(){
  57.         refreshdiv(); // corremos inmediatamente la funcion
  58.     }
  59.     
  60.     function Datos(){
  61.         //var alerta= "";
  62.         //confirm(alerta );
  63.         nocacheurl='tabladatos.php';
  64.     }
  65.     
  66.     function Voz(){
  67.         //var alerta= "";
  68.         //alert(alerta);
  69.         nocacheurl = 'tablavoz.php';
  70.     }
  71.     function Mintic(){
  72.         //var alerta= "";
  73.         //alert(alerta);
  74.         nocacheurl = 'tablamintic.php';
  75.     }
  76.     function InfoTicket(){
  77.         //var alerta= "";
  78.         //alert(alerta);
  79.         nocacheurl = 'tablainfo_ticket.php';
  80.     }
  81.     function SoporteOS(){
  82.         //var alerta= "";
  83.         //alert(alerta);
  84.         nocacheurl = 'tablasoporte.php';
  85.          
  86.     }
  87.     function MCF(){
  88.         //var alerta= "";
  89.         //alert(alerta);
  90.         nocacheurl = 'tablamcf.php';
  91.     }
  92.     function ActualizarInfo(){
  93.         //var alerta= "";
  94.         //alert(alerta);
  95.         nocacheurl = 'tablaactualizar_info.php';
  96.     }
  97.     function DiaAnterior(){
  98.         //var alerta= "";
  99.         //alert(alerta);
  100.         nocacheurl = 'tabladia_anterior.php';
  101.     }
  102.  
  103.     
  104. </script>   
  105.  
  106.  
  107. </head>
  108. <body >
  109. <!--alerta.gif -->  
  110.     <?php
  111.     
  112.         $botones='
  113.         <div id="Principal" align="center">
  114.         <button id="MCF(" onclick="MCF()" class="tabla1"> MCCF </button>
  115.         <button id="Voz" onclick="Voz()" class="tabla1"> Voz </button>
  116.         <button id="Datos" onclick="Datos()" class="tabla1"> Datos </button>
  117.         <button id="Mintic" onclick="Mintic()" class="tabla1"> Mintic </button>
  118.         <button id="DiaAnterior" onclick="DiaAnterior()" class="tabla2">Resumen Mes por dias</button>
  119.         <br></br><img src="images/informe.jpg" width="280" height="90" align="center">
  120.         </div>';
  121.         echo $botones;
  122.         
  123.         echo '<div id="tabla">' ;
  124.         echo "</div>";
  125.         
  126.  
  127.         
  128.     ?>
  129.     
  130.  
  131. </body>
  132. </html>