Comentarios comet

edie8 · #1 (**permalink**) 18/04/2013, 06:37

Buenas
Tengo un problema con un formulario, el caso es que quería hacer un comet que me encontre por internet pero al ponerle un campo de formulario, nose si se puede hacer de otra forma pero se me actualiza y no me deja escribir es decir pongo para escribir y cuando yevo un rato se actualiza y borra el contenido del textarea nose como se hace de otra forma ni si lo ago bien ya os digo que fue un codigo que encontre ace tiempo este es el codigo.
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))
    {
    $imgs=mysql_query("select * from usuarios where id='$rs[user_id]'",$conexion);
      while($im=mysql_fetch_array($imgs))
    {
        echo '<div style="width:50%; background:#CCCCCC; border-bottom:solid; border-bottom-color:#FFFFFF;">';
        echo '<img src="'.$im['imagen'].'" height="8%"> '; 
        echo   $rs['estado']."<br>"; 
        echo '<form name="nuevo_empleado1" action="" onSubmit="enviarDatosEmpleado1(); return false" style="margin-left:2%; margin-top:2%;">
<textarea name="nombres1" type="text" cols="50" style="resize: none;"></textarea>
<input type="submit" name="Submit" value="Compartir" />
</form>';
        echo '</div>';
    }
    $coment_de_comen=mysql_query("Select * from coment where id_comentario='$rs[msg_id]'",$conexion);
    while($come=mysql_fetch_array($coment_de_comen))
    {
        echo "abra ssmss";
    }
    }  
    mysql_close($conexion);     
    exit(); 
    
} 
?> 
<html> 
<head>     
</head> 
<body style="">
<div style="border:solid 1px; border-top-color:#666666; width:45%; background-color:#CCCCCC; height:10%;"><form name="nuevo_empleado" action="" onSubmit="enviarDatosEmpleado(); return false" style="margin-left:2%; margin-top:2%;">
<textarea name="nombres" type="text" cols="50" style="resize: none;"></textarea>
<input type="submit" name="Submit" value="Compartir" />
</form></div>
 
 <div id="content">Cargando...</div> 
<script type="text/javascript" src="comet.js"></script> 
</body> 
</html>

comet.js

Código Javascript:

Ver originalfunction objetoAjax(){
 
var xmlhttp=false;
 
try {
 
 
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
 
} catch (e) {
 
try {
 
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 
} catch (E) {
 
xmlhttp = false;
 
}
 
 
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
 
  xmlhttp = new XMLHttpRequest();
 
  }
 
  return xmlhttp;
 
  }
function enviarDatosEmpleado(){
 
  //donde se mostrará lo resultados
 
 
 
 
  //valores de los inputs
 
  nom=document.nuevo_empleado.nombres.value; 
 
 
  //instanciamos el objetoAjax
 
  ajax=objetoAjax();
 
  //uso del medotod POST
 
  //archivo que realizará la operacion
 
  //registro.php
 
 
  ajax.open("POST", "registro.php",true);
 
  ajax.onreadystatechange=function() {
 
  if (ajax.readyState==4) {
 
  //mostrar resultados en esta cap
 
 
  //llamar a funcion para limpiar los inputs
 
  LimpiarCampos();
 
  }
 
  }
 
  ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 
 
  //enviando los valores
 
  ajax.send("nombres="+nom)
 
  }
 
function LimpiarCampos(){
 
 
  document.nuevo_empleado.nombres.value="";
  document.nuevo_empleado.nombres.focus();
 
  }
  function enviarDatosEmpleado1(){
 
  //donde se mostrará lo resultados
 
 
 
 
  //valores de los inputs
 
  nom1=document.nuevo_empleado1.nombres1.value; 
 
 
  //instanciamos el objetoAjax
 
  ajax1=objetoAjax();
 
  //uso del medotod POST
 
  //archivo que realizará la operacion
 
  //registro.php
 
 
  ajax1.open("POST", "registro.php",true);
 
  ajax1.onreadystatechange=function() {
 
  if (ajax1.readyState==4) {
 
  //mostrar resultados en esta cap
 
 
  //llamar a funcion para limpiar los inputs
 
  LimpiarCampos1();
 
  }
 
  }
 
  ajax1.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 
 
  //enviando los valores
 
  ajax1.send("nombres1"+nom1)
 
  }
 
function LimpiarCampos1(){
 
 
  document.nuevo_empleado1.nombres1.value="";
  document.nuevo_empleado1.nombres1.focus();
 
  }
  
var 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();* * * * * * * * * * 
* * * * * * * * });
* * * * * * * * 
* * * * * * }
* * * * };
* * * * a.send('algo=algo');* * * * * * * * 
* * };

y por ultimo este es el registro.php

Código PHP:

Ver original<?php
 
//Configuracion de la conexion a base de datos
 
  $bd_host = "localhost"; 
 
  $bd_usuario = "root"; 
 
 
  $bd_password = ""; 
 
  $bd_base = "db"; 
 
$con = mysql_connect($bd_host, $bd_usuario, $bd_password); 
 
mysql_select_db($bd_base, $con); 
 
//variables POST
 
  $nom=$_POST['nombres'];
  $nom1=$_POST['nombres1'];
  
if($nom!='')
{//registra los datos del empleados
$sql="INSERT INTO messages (estado,user_id) VALUES ('$nom','1')";
 
mysql_query($sql,$con);
}
else
{
$sql="INSERT INTO coment (estado) VALUES ('$nom1')";
mysql_query($sql,$con);
}
 ?>

Nose si lo hago bien o que es lo que le pasa pero estaría muy agradecido si me ayudaraís gracias un saludo.

edie8 · #2 (**permalink**) 19/04/2013, 05:16

Nadie puede ayudarme?? gracias un saludo.

edie8 · #3 (**permalink**) 29/04/2013, 04:01

exactamente e analizado lo que kiero acer y sería un comentario con comentarios y lo que quiero que salgan al istante son los comentarios de ese comentario, como podria acerlo porque tambien tendrian un campo de comentario para segir comentando y si lo ago como lo de arriba no me deja escribir xq se actualiza, espero que me puedan dar ideas. un saludo.

emprear · #4 (**permalink**) 29/04/2013, 11:01

Comet. longPolling, websockets, son los métodos para mantener conexiones abiertas con el server, en tu caso más bien es una petición con ajax que se repite ciclicamente. Por lo que veo al hacer esto

Código:

        window.setTimeout(function(){
         a = new comet();      
        });

y no pasar un parámetro de tiempo al setTimeout(), eso se te ejecuta sin pausa.

Código:

        window.setTimeout(function(){
         a = new comet();      
        },1000);

Como las tecnologías que te mencioné requieren configuraciones en el server que no siempre están disponibles, yo utilizo esto, analizalo por si te sirve
http://emprear.com/polling/
Saludos

edie8 · #5 (**permalink**) 30/04/2013, 03:22

gracias x el aporte lo mirare haber si me vale pero tiene buena pinta. esto entonces no recarga la pag?? o como funciona el codigo?? si yo pensaba que eso era comet ya que lo mire en una web y ponia que era tal cosa. un saludo y gracias.

emprear · #6 (**permalink**) 30/04/2013, 11:10

Cita:

Iniciado por edie8

gracias x el aporte lo mirare haber si me vale pero tiene buena pinta. esto entonces no recarga la pag?? o como funciona el codigo?? si yo pensaba que eso era comet ya que lo mire en una web y ponia que era tal cosa. un saludo y gracias.

No recarga la página solo un elemento. Basicamente es Ajax con una petición cada x segundos, la diferencia es que el div no se recarga a menos que haya cambios en la BD y se incluye la notificación.
Probala y lee las instrucciones, es de esas aplicaciones que la mejor forma de entenderlas es viendo la ejecución. Creo que en algún lado lo comento, pero por las dudas repito. El ejemplo no hace validaciones muy estrictas y además no es la idea hacer peticiones cada intervalos muy breves, le puse 5 segundos solo a efectos de la demostración, 30, 45 segundos es un tiempo razonable

Saludos

edie8 · #7 (**permalink**) 06/05/2013, 04:16

muchas gracias creo que si que me vale y funciona a la perfección. un saludo.

edie8 · #8 (**permalink**) 07/05/2013, 07:33

tengo un problema con el codigo de php-lonpolling es tuyo?? es que lo modifique y me sale cada dos por tres el mensaje de notificacion y se refresca nose que debi modificar mal... este es el codigo que modifique:

Código PHP:

Ver original<?php
session_start();
include('conectar.php');
$consulta = "SELECT * FROM polling_demo ORDER BY id_polling DESC";
$req = mysql_query($consulta);
$res = mysql_num_rows($req);
$_SESSION['reg_actuales'] = $res; 
while($row = mysql_fetch_array($req)){
        $id = $row['nombre'];
        $mensaje =$row['mensaje'];
        $comen=$row['id_polling'];
        $usuari="SELECT * FROM usuarios where id='$id'";
        $resp=mysql_query($usuari);
        while($rew=mysql_fetch_array($resp))
        {
        $nombre=$rew['usuarios'];
        echo '<div style="background:#76C0FE; border-bottom:solid #FFFFFF;">';
        echo"$id - $nombre - $mensaje<br />\n";
        $consul="Select * from comentarios where id_comentario='$comen'";
        $re=mysql_query($consul);
        while($raw=mysql_fetch_array($re))
        {
            echo $raw['comentario']."<br>";}
        ?><form action="<?php $_SERVER['SCRIPT_NAME']; ?>" method="post">
<input type="hidden" value="1" name="insertar1" />
<input type="hidden" value="2" name="id" id="nombre" class="texto" /><br />
<input type="hidden" value="<?php echo "edgg"?>" name="nombre"/>
<label for="mensaje">mensaje</label><input type="text" value="" name="mensaje" id="mensaje" class="texto" /><br />
<label><!-- fix --></label><input type="submit" name="procesar" value="Insertar nuevo registro" class="procesar" />
</form><?php
        echo "</div>";
        }
    }
mysql_free_result($req);
 
?>

Código PHP:

Ver original<?php session_start(); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Polling Ajax/Php :: insertar registros</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
body{font-size: 10pt;font-family: verdana, sans-serif;color: #332B22;}
.texto{width: 180px;}
label{display: inline-block; width: 100px;}
.procesar{background-color:#552922; margin: 10px 0; color: #FFFFFF; width: 185px;}
.procesar:hover{background-color:#8E2E04; cursor: pointer;}
h1{font-size: 14pt; font-weight: bold;}
/*]]>*/
</style>
</head>
<body>
<h1>Polling Ajax/Php :: insertar registros</h1>
<div>
<form action="<?php $_SERVER['SCRIPT_NAME']; ?>" method="post">
<input type="hidden" value="1" name="insertar" />
<input type="hidden" value="2" name="id" id="nombre" class="texto" /><br />
<input type="hidden" value="<?php echo "edgg"?>" name="nombre"/>
<label for="mensaje">mensaje</label><input type="text" value="" name="mensaje" id="mensaje" class="texto" /><br />
<label><!-- fix --></label><input type="submit" name="procesar" value="Insertar nuevo registro" class="procesar" />
</form>
</div>
<?php
if(isset($_POST['insertar'])){
include('conectar.php');
$nombre = str_replace('|',' ', $_POST['id']);
$user= str_replace('|',' ', $_POST['nombre']);
$mensaje = str_replace('|',' ', $_POST['mensaje']);
$consulta = "INSERT INTO polling_demo (nombre, mensaje) VALUES ('$nombre', '$mensaje')";
$req = mysql_query($consulta);
$consulta = "SELECT * FROM polling_demo ORDER BY id_polling DESC";
$req = mysql_query($consulta);
$res = mysql_num_rows($req);
file_put_contents('control_cambios.txt', "$res|$nombre|$mensaje|$user|" . $_SESSION['reg_actuales'], LOCK_EX);
}
elseif(isset($_POST['insertar1'])){
    include('conectar.php');
    $nombre = str_replace('|',' ', $_POST['id']);
    $user= str_replace('|',' ', $_POST['nombre']);
    $mensaje = str_replace('|',' ', $_POST['mensaje']);
    $consulta = "INSERT INTO comentarios (id,id_logueado,id_comentario, comentario) VALUES ('null','$nombre','1', '$mensaje')";
    $req = mysql_query($consulta);
    $consulta = "SELECT * FROM comentarios ORDER BY id DESC";
    $req = mysql_query($consulta);
    $res = mysql_num_rows($req);
    file_put_contents('control_cambios.txt', "$res|$nombre|$mensaje|$user|" . $_SESSION['reg_actuales'], LOCK_EX);
}
?>
 
</body>
</html>

gracias de nuevo un saludo.