Foros del Web - Ver Mensaje Individual - Comet o Como actualizar la web en tiempo real

IXtremeLT · #9 (**permalink**) 05/09/2011, 19:41

Hola que tal papino, esque aún no me he dado a entender bien pero ya lo he probado y funciona ok!, así funciona:

1. La página principal contiene una variable que guarda el valor de la variable del iframe y se hace la petición con AJAX
2. El iframe se recarga y hace una comparación, si la variable de la ventana principal es distinta al la del iframe se hace la petición, pero en éste caso no hace hace por que la variable es la mísma.
3. El usuario envía un mensaje.
4. Se modifica el valor de la variable del archivo del iframe.
5. Al actualizarse el iframe, se da cuenta que la variable es diferente a la anterior entonces se procede a hacer la petición a "todos los usuarios" y entonces se guarda el nuevo valor para evitar que se vuelva a hacer la petición hasta que haya un nuevo mensaje.

Pondré un ejemplo con código para explicarlo un poco mejor.

Página principal:

Código HTML:

Ver original<html>
<head>
<script>
var id_peticion=12;
function actualizarMensaje(){
 //ETC. ETC
 document.getElementById("mensaje") = responseText; //es el resultado de la peticion
}
</script>
</head>
<body>
<form action="cambiarMensaje.php">
<input type="text" name="nuevo_mensaje" value="Cambiar mensaje" /><input type="submit" />
</form>
<div id="mensaje"></div>
<iframe src="actualizador.html" style="display:none"></iframe>
</body>
</html>

actualizador.html

Código HTML:

Ver original<html>
<head>
<meta http-equiv="refresh" content="1" />
<script>
var id_peticion=1231;//Cualquier valor distinto al de la ventana principal
var id_peticion_top=window.top.id_peticion;
if(id_peticion!=id_peticion_top){
 window.top.id_peticion=id_peticion;
 window.top.actualizarMensaje();
}
</script>
</head>
<body>
</body>
</html>

cambiarMensaje.php

Código php:

Ver original<?php
/*
Código para insertar el mensaje enviado...
*/
//Se cambia el valor de la variable del archivo "actualizador.php"
 
//Leemos el archivo del iframe
define( "N", "actualizador.html");
$f = fopen( N, "r" );
$l = fread ( $f, filesize( N ) );
fclose( $f );
 
//Editamos la variable "id_consulta"
$l = preg_replace( "/id_consulta = .*;/", "id_consulta = ".rand().";", $l );
 
//Guardamos los cambios
$f = fopen( N, "w" );
fwrite( $f, $l );
fclose( $f );
?>

Creo que con esto queda mejor explicado, aunque no puse el código faltante ya que eso es lo de menos pues es lo de siempre. Como mencioné, ya lo probé usando difentes sesiones con varios navegadores y todo funciona ok, Saludos.