como modificar comet

edie8 · #1 (**permalink**) 13/10/2012, 04:53

Buenas estoy investigando el comet del que no se nada y me gustaría saber como puedo hacer que en vez de la hora me muestre los datos de una base de datos a cada momento es decir modificarlo para que me salgan los comentarios, otra duda que tengo es que al tiempo deja de mostrar el time y se para con el que ya tiene y se queda hay parado y nose porque, mi idea es mostrar los comentarios cada istante sin setinterval, y sin saturar el server este es el codigo:
backend.php

Código PHP:

Ver original</head>
<body>
 
<script type="text/javascript">
  //Navegadores KHTML no compartes javascripts entre iframes
  var is_khtml = navigator.appName.match("Konqueror") || navigator.appVersion.match("KHTML");
  if (is_khtml)
  {
    var prototypejs = document.createElement('script');
    prototypejs.setAttribute('type','text/javascript');
    prototypejs.setAttribute('src','prototype.js');
    var head = document.getElementsByTagName('head');
    head[0].appendChild(prototypejs);
  }
  // cargamos objeto comet (esto en realidad es el nombre del iframe)
  var comet = window.parent.comet;
</script>
 
<?php
  echo '<script type="text/javascript">';
  echo 'come.printServerTime('.time().');';
  echo '</script>';
  flush();
  sleep(10); // un descanso para aliviar el CPU del servidor
}
?>
</body>
</html>

index.html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Comet demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="prototype.js"></script>
  </head>
  <body>
    <div id="content">La hora del servidor se mostrará aqui</div>
 
<script type="text/javascript">
var comet = {
  connection   : false,
  iframediv    : false,
 
  initialize: function() {
    if (navigator.appVersion.indexOf("MSIE") != -1) {
 
      // Para navegadores IE
      comet.connection = new ActiveXObject("htmlfile");
      comet.connection.open();
      comet.connection.write("<html>");
      comet.connection.write("<script>document.domain = '"+document.domain+"'");
      comet.connection.write("</html>");
      comet.connection.close();
      comet.iframediv = comet.connection.createElement("div");
      comet.connection.appendChild(comet.iframediv);
      comet.connection.parentWindow.comet = comet;
      comet.iframediv.innerHTML = "<iframe id='comet_iframe' src='./backend.php'></iframe>";
 
    } else if (navigator.appVersion.indexOf("KHTML") != -1) {
 
      // Para navegadores KHTML
      comet.connection = document.createElement('iframe');
      comet.connection.setAttribute('id',     'comet_iframe');
      comet.connection.setAttribute('src',    './backend.php');
      with (comet.connection.style) {
        position   = "absolute";
        left       = top   = "-100px";
        height     = width = "1px";
        visibility = "hidden";
      }
      document.body.appendChild(comet.connection);
 
    } else {
    
      // Para otros navegadores (Firefox...)
      comet.connection = document.createElement('iframe');
      comet.connection.setAttribute('id',     'comet_iframe');
      with (comet.connection.style) {
        left       = top   = "-100px";
        height     = width = "1px";
        visibility = "hidden";
        display    = 'none';
      }
      comet.iframediv = document.createElement('iframe');
      comet.iframediv.setAttribute('src', './backend.php');
      comet.connection.appendChild(comet.iframediv);
      document.body.appendChild(comet.connection);
 
    }
  },
  // esta función será llamada desde backend.php
  printServerTime: function (time) {
    $('content').innerHTML = time;
  },
  onUnload: function() {
    if (comet.connection) {
      comet.connection = false; // se eliminará el iframe para prevenir problemas con IE cuando se recargue la pagina.
    }
  }
}
Event.observe(window, "load", comet.initialize);
Event.observe(window, "unload", comet.onUnload);
</script>
 
</body>
</html>

gracias espero que me puedan hechar una mano porque todos los tutoriales no los entiendo y me copio el codigo haber como funcionan pero no lo entiendo un saludo.

maycolalvarez · #2 (**permalink**) 13/10/2012, 08:59

Sí es el tutorial que creo, en el mismo le indican que sólo pocos navegadores aceptan el flujo de HTML por segmentos desde el servidor, por lo cual en algunos navegadores no funciona, es una manera muy rudimentaria de implementar comet.

En otros post le e indicado mejores alternativas, AJAX longpolling le permite evitar el saturado de ancho de banda, pero sí quiere un comet real debe usar APE o HTML5 WebSockets, por desgracia en PHP todavía no es posible hacer el server multi-thereading, por eso hay que recurrir a otros lenguajes como node.js

edie8 · #3 (**permalink**) 14/10/2012, 08:18

Muchas gracias por la información desconozco el tema de comet y node.js perdonen mi ignorancia, y las molestias un saludo.

edie8 · #4 (**permalink**) 21/10/2012, 05:40

Me gustaría saber si esto que encontre es comet ono:
comet.js

Código Javascript:

Ver originalvar xmlhttp = function()
* * {
* * * * var a;try{a = new XMLHttpRequest();}
* * * * catch(e){try{a = new ActiveXObject('Msxml2.XMLHTTP');}
* * * * catch(e){try{a = new ActiveXObject('Microsoft.XMLHTTP');}
* * * * catch(e){alert('Your browser doesn\'t support ajax');a=false;}
* * * * }}return a;
* * };* 
* * window.onload = function()
* * {
* * * * var a = new comet();
* * };* 
* * var comet = function()
* * {
* * * * var a = new xmlhttp();
* * * * a.open('post',window.location+"?"+Math.random()+"="+Math.random(), true);
* * * * a.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
* * * * a.onreadystatechange = function()
* * * * {
* * * * * * if(a.readyState == 4)
* * * * * * {
* * * * * * * * document.getElementById('content').innerHTML = a.responseText;
* * * * * * * * window.setTimeout(function(){
* * * * * * * * * * a = new comet();* * * * * * * * * * 
* * * * * * * * },1000);
* * * * * * * * 
* * * * * * }
* * * * };
* * * * a.send('algo=algo');* * * * * * * * 
* * };

index.php

Código PHP:

Ver original<?php  
if($_POST)    
{ 
    set_time_limit(0);      
    header("Edge-control: no-store");  
    sleep(1); 
    include('config.php');
    $notificaciones=mysql_query("select * from messages",$conexion);
    while($rs=mysql_fetch_assoc($notificaciones))
    {
    echo   $rs['estado']."<br>"; 
    }  
     
    mysql_close($conexion);     
    exit();  
} 
?> 
<html> 
<head>     
</head> 
<body> 
    <div id="content">Cargando...</div> 
<script type="text/javascript" src="comet.js"></script> 
</body> 
</html>

y si resulta que es correcto y que es comet, porque me duplica los formulario y las paginas enteras al usarlo?? y al escribir al formulario cuando pasa x tiempo me borra lo que e escrito sin dejarme terminar porque sudece?? si no es asi me podeis poner un ejemplo de comet? ya que lo ando buscando y siempre me sucede que no es o no me funciona un saludo. gracias.