Foros del Web » Programando para Internet » Javascript »

actualizar solo una parte de la pagina

 Estas en el tema de actualizar solo una parte de la pagina en el foro de Javascript en Foros del Web. Hola a todos Tengo un problema lo que pasa es que mi pagina principal se actualiza cada segundo con el siguiente archivo Código HTML: <html> ...
  #1 (permalink)  
Antiguo 15/08/2012, 09:58
 
Fecha de Ingreso: marzo-2012
Ubicación: Bogota
Mensajes: 177
Antigüedad: 12 años, 9 meses
Puntos: 2
actualizar solo una parte de la pagina
Hola a todos

Tengo un problema lo que pasa es que mi pagina principal se actualiza cada segundo con el siguiente archivo

Código HTML:
<html>
<head>
<meta http-equiv="refresh" content="60">
	<title>Actualizador BD</title>
	<script>
		/*
* Parametros mandatorios
*/
    var seconds = 1; // el tiempo en que se refresca
	var divid = "tabla"; // el div que quieres actualizar!
	var nocacheurl = 'tabla.php';
	
	//var url = "tabla.php"; // el archivo que ira en el div

	function refreshdiv(){

		// The XMLHttpRequest object

		var xmlHttp;
		try{
			xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
		}
		catch (e){
			try{
				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
			}
			catch (e){
				try{
					xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch (e){
					alert("Tu explorador no soporta AJAX.");
					return false;
				}
			}
		}

		// Timestamp for preventing IE caching the GET request
		var timestamp = parseInt(new Date().getTime().toString().substring(0, 10));
		

		// The code...

		xmlHttp.onreadystatechange=function(){
			if(xmlHttp.readyState== 4 && xmlHttp.readyState != null){
				document.getElementById(divid).innerHTML=xmlHttp.responseText;
				setTimeout('refreshdiv()',seconds*1000);
			}
		}
		xmlHttp.open("GET",nocacheurl,true);
		xmlHttp.send(null);
	}

	// Empieza la función de refrescar

	window.onload = function(){
		refreshdiv(); // corremos inmediatamente la funcion
	}
	
	function Datos(){
		//var alerta= "";
		//confirm(alerta );
		nocacheurl='tabladatos.php';
	}
	
	function Voz(){
		//var alerta= "";
		//alert(alerta);
		nocacheurl = 'tablavoz.php';
	}
	function Mintic(){
		//var alerta= "";
		//alert(alerta);
		nocacheurl = 'tablamintic.php';
	}
	function InfoTicket(){
		//var alerta= "";
		//alert(alerta);
		nocacheurl = 'tablainfo_ticket.php';
	}
	function SoporteOS(){
		//var alerta= "";
		//alert(alerta);
		nocacheurl = 'tablasoporte.php';
		 
	}
	function MCF(){
		//var alerta= "";
		//alert(alerta);
		nocacheurl = 'tablamcf.php';
	}
	function ActualizarInfo(){
		//var alerta= "";
		//alert(alerta);
		nocacheurl = 'tablaactualizar_info.php';
	}
	function DiaAnterior(){
		//var alerta= "";
		//alert(alerta);
		nocacheurl = 'tabladia_anterior.php';
	}

	
</script>	


</head>
<body >
<!--alerta.gif -->	
	<?php
	
		$botones='
		<div id="Principal" align="center">
		<button id="MCF(" onclick="MCF()" class="tabla1"> MCCF </button>
		<button id="Voz" onclick="Voz()" class="tabla1"> Voz </button>
		<button id="Datos" onclick="Datos()" class="tabla1"> Datos </button>
		<button id="Mintic" onclick="Mintic()" class="tabla1"> Mintic </button>
		<button id="DiaAnterior" onclick="DiaAnterior()" class="tabla2">Resumen Mes por dias</button>
		<br></br><img src="images/informe.jpg" width="280" height="90" align="center">
		</div>';
		echo $botones;
		
		echo '<div id="tabla">' ;
		echo "</div>";
		

		
	?>
	

</body>
</html>
Entonces este archivo me muestra el archivo tabla.php donde tengo toda la información que se muestra en la pagina, pero el problema es que en la parte inferior tengo 4 gráficas que me muestra un comportamiento cada hora y necesito que se me actualize cada hora y el resto de la pagina cada minuto

Adjunto la parte del archivo tabla.php que es el que quiero que se actualize cada hora
Código PHP:
    echo "<table border='1' align='rigth' class='tabla td'>";
        echo "<tr><td class='tabla td'>Consolidado dia </td></tr> "; 
        echo "</table>";
        
        echo "<table border='0' align='center' ><tr><td>";
        include("grafica_hora_datos.php"); 
        echo "</td>";
        echo "<td>";
        include("grafica_hora_mintic.php");
        echo "</td></tr></table>";
        
        echo "<table border='0' align='center' ><tr><td>";
        include("grafica_hora_datos.php"); 
        echo "</td>";
        echo "<td>";
        include("grafica_hora_mintic.php");
        echo "</td></tr></table>";
        include("grafica_hora_mccf_voz.php"); 
Espero me ayuden y me hayan entendido

Gracias
  #2 (permalink)  
Antiguo 15/08/2012, 10:00
 
Fecha de Ingreso: julio-2012
Mensajes: 276
Antigüedad: 12 años, 5 meses
Puntos: 27
Respuesta: actualizar solo una parte de la pagina
var seconds = 1; // el tiempo en que se refresca

Eso es lo que tienes que cambiar no?
  #3 (permalink)  
Antiguo 15/08/2012, 10:04
 
Fecha de Ingreso: marzo-2012
Ubicación: Bogota
Mensajes: 177
Antigüedad: 12 años, 9 meses
Puntos: 2
Respuesta: actualizar solo una parte de la pagina
Cita:
Iniciado por PepeF Ver Mensaje
var seconds = 1; // el tiempo en que se refresca

Eso es lo que tienes que cambiar no?
pero es que si cambio ese tiempo digamos a 60 entonces la pagina total se me actualiza y quiero que la parte superior de la pagina se actualize cada segundo y la parte inferior se actualize cada hora


Sabes como puedo hacer eso?
  #4 (permalink)  
Antiguo 15/08/2012, 10:08
 
Fecha de Ingreso: julio-2012
Mensajes: 276
Antigüedad: 12 años, 5 meses
Puntos: 27
Respuesta: actualizar solo una parte de la pagina
Cambialo por 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
  #5 (permalink)  
Antiguo 15/08/2012, 10:18
 
Fecha de Ingreso: marzo-2012
Ubicación: Bogota
Mensajes: 177
Antigüedad: 12 años, 9 meses
Puntos: 2
Respuesta: actualizar solo una parte de la pagina
Cita:
Iniciado por PepeF Ver Mensaje
Cambialo por 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
No la pagina se me queda cargando y no muestra los datos :(
  #6 (permalink)  
Antiguo 15/08/2012, 10:19
 
Fecha de Ingreso: julio-2012
Mensajes: 276
Antigüedad: 12 años, 5 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>
  #7 (permalink)  
Antiguo 15/08/2012, 10:31
 
Fecha de Ingreso: marzo-2012
Ubicación: Bogota
Mensajes: 177
Antigüedad: 12 años, 9 meses
Puntos: 2
Respuesta: actualizar solo una parte de la pagina
Cita:
Iniciado por PepeF Ver Mensaje
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>
Hola

No sigue igual la pagina se queda cargando y no me muestra los datos

Etiquetas: html, parte, tabla
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 19:31.