problemas con un archivo ajax

[edie8]

Buenas
tengo un archivo que hace una conexion con la base de datos cada vez que hay algo nuevo me lo muestra en seguida en la web pero al ponerlo donde lo quiero usar me aparecen 2 veces la imagen donde estan los comentarios y en este div donde muestra los comentarios me los muestra encima de la imagen, os dejo una imagen para que se vea mejor.
http://redsocial.16mb.com/Dibujo.bmp
esto lo hace este archivo:

Código PHP:

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('content1').innerHTML = a.responseText;
* * * * * * * * window.setTimeout(function(){
* * * * * * * * * * a = new comet();* * * * * * * * * * 
* * * * * * * * },1000);
* * * * * * * * 
* * * * * * }
* * * * };
* * * * a.send('algo=algo');* * * * * * * * 
* * };
 

Tengo algo mal o porque me produce estos errores??
este es el archivo galeria:

Código PHP:

<?php 
session_start();
include("header.php");
if (!isset($_SESSION['logueado_usuario'])) { 
    include ("login.php");  
} 
    else {  
    $nombre =$_SESSION['logueado_nombre']; 
    $id_usuario=$_SESSION['logueado_id']; 
$obejeto=$_REQUEST['objeto'];
 
}
include("privados/config.php");
$id=$_GET['id'];
 
$resultados=mysql_query("select * from imagenes where id='$id' and id_logueado='$id_usuario'",$conexion) or
  die("Problemas en el select:".mysql_error());
  // obtengo el id de la notiica actual
$id = $_GET['id'];
// Obtengo el id de la noticia anterior
$a = mysql_query("select max(id) from imagenes where id <".$id. " and id_logueado='$id_usuario'");
$ida = mysql_result($a,0);
mysql_free_result($a);
// Obtengo el id de la noticia siguietne
$b = mysql_query("select min(id) from imagenes where id >".$id. " and id_logueado='$id_usuario'");
$idb = mysql_result($b,0);
mysql_free_result($b);
$a1 = mysql_query("select max(id) from imagenes where id_logueado='$id_usuario'");
$ida1 = mysql_result($a1,0);
mysql_free_result($a1);
// Obtengo el id de la noticia siguietne
$b1 = mysql_query("select min(id) from imagenes where id_logueado='$id_usuario'");
$idb1 = mysql_result($b1,0);
mysql_free_result($b1);
// coloco los links 
?><div align="center"><div align="right" id="pasar"><?php 
if($idb1!=""){
echo "<a href=galeria.php?id=".$idb1."><img src='Img/primera.png'></a>";}
if($ida!="")
{
echo "<a href=galeria.php?id=".$ida."><img src='Img/atras.png'></a>";
}
if($idb!="")
{
echo "<a href=galeria.php?id=".$idb."><img src='Img/siguiente.png'></a>";  
}
if($ida1!=""){
echo "<a href=galeria.php?id=".$ida1."><img src='Img/ultimo.png'></a>";}
?></div><?php 
$comentarios=mysql_query("select * from comentario where id_foto='$id'",$conexion);
while($comen=mysql_fetch_array($comentarios))
{
    $comentario=$comen['comentario'];
}
  while($fot=mysql_fetch_assoc($resultados))
{
$foto_nombre=$fot['nombre'];
$titulo=$fot['titulo'];
$fecha=$fot['fecha'];
if(isset($idb) && !empty($idb))
{
 echo '<a href=galeria.php?id='.$idb.' title="siguiente"><img src="'.$foto_nombre.'"></a>';
 echo '<br>';
 echo $comentario;
}
else
{
echo '<img src="'.$foto_nombre.'">';
echo '<br>';
echo $comentario;
}
} 
echo "<br>";
?><div align="right" id="pasar" style="margin-top:-49%"><?php echo $fecha."<br>"; echo $titulo; ?></div><?php
?>
<?php  
if($_POST)    
{ 
    set_time_limit(0);      
    header("Edge-control: no-store");  
    sleep(0); 
    $notificaciones2=mysql_query("select * from comentario",$conexion);
    while($rs=mysql_fetch_assoc($notificaciones2))
    {
    echo   $rs['comentario']."<br>"; 
    }  
     
    mysql_close($conexion);     
    exit();  
} 
?> 
<script type="text/javascript">
function sapeartextarea(){
    var nav=(document.all)?"%0D":"%0A"
    var ref=document.getElementById("textarea")
    textoarea=escape(ref.value)
    lineas=textoarea.split(nav)
    lin=lineas.length
    if(lin>4){
        ref.rows=lin
        document.getElementById("clin").innerHTML=lin
    }
}
document.onkeyup = function(){sapeartextarea()}
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'></script>
        <script src='js/jquery.autosize.js'></script>
        <script>
            $(function(){
                $('textarea').autosize();
            });
        </script>
<script language="JavaScript" type="text/javascript" src="ajax.js"></script>
<html>
<head>     
</head> 
<body> 
<form name="comentarios" action="" method="post" onSubmit="enviarDatos(); return false">
<input type="hidden" name="id_logueado" value="1">
<input type="hidden" name="id_foto" value="1">
<textarea rows="1" style="overflow:auto;" name="comenta"></textarea>
<input type="submit" name="Submit" value="Grabar" />
</form>
    <div id="content1"></div> 
<script type="text/javascript" src="js/comet.js"></script> 
</body> 
</html>
<br /></div>
 

Necesito alguna idea para poder repararlo, ya que antes de poner ese archivo todo funcionaba bien, gracias. un saludo.

[maycolalvarez]

Lo que implementas arriba es un ajax longpolling y al igual que en cualquier peticion con dicha técnica debes evaluar el xmlhttprequest.status == 200, lo que en tu caso seria:

a.status == 200

Consulte un manual de ajax antes de implementar cualquier derivado de comet

[edie8]

He estado buscando ejemplos de ajax longpolling y ninguno usa tal cosa que mas dicho tu, me podrias decir como usarla y para que sirve??? fuera del archivo galeria si me funcionaba bien antes pero al ponerlo en ese archivo me dejo de funcionar. gracias un saludo.

[maycolalvarez]

Iniciado por edie8

He estado buscando ejemplos de ajax longpolling y ninguno usa tal cosa que mas dicho tu, me podrias decir como usarla y para que sirve??? fuera del archivo galeria si me funcionaba bien antes pero al ponerlo en ese archivo me dejo de funcionar. gracias un saludo.

ajax longpolling es una petición AJAX tradicional, con la única diferencia de que el server hace todo lo posible por mantener la conexión HTTP, debido a que de forma predeterminada los web servers cierran la conexión al devolver la respuesta, y cuando ocurre en javascript se vuelve a hacer la petición, disminuyendo considerablemente el ancho de banda que puede provocar un polling normal de peticiones AJAX cada segundo, por ejemplo.

es por ello que debes evaluar el status == 200, que como parte de una petición HTTP te permite saber si se ha completado la respuesta, lo único que debes hacer es agregar otra condición
if(a.status == 200)

[edie8]

va probare aber como acerlo gracias si tengo mas dudas consultare aki un saludo gracias.

[edie8]

Perdon por mi ignorancia pero donde debo colocar ese if y como debo hacerlo?? esque e probado en el comet.js en cada parte del codigo y no me salia nada o salia como al principio me puedes ayudar??? gracias un saludo.

[edie8]

Lo he puesto asi pero no salen los nuevos comentarios y solo me muestra el ultimo que se registro y recargo con la pagina me puedes ayudar y guiar en donde debo de poner ese if(a.status==200) este es el codigo modificado:

Código PHP:

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;
* * };* if(a.status == 200){
* * 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');* * * * * * * * 
* * };
 

espero que me puedan hechar una mano gracias un saludo.

[edie8]

Nadie sabe como poner el if(a.status==200) para que me funcione bien la web esque por mas que busco y miro no veo ninguno que este hecho como este ni informacion del a.status del ajax alguen me puede hechar una mano? gracias un saludo.

[maycolalvarez]

consulte un manual de AJAX, ya le he indicado, el a.status==200 debe de ir junto con el readyState, claro, eso lo sabría si tuviera el tiempo en dedicarse a estudiar como funciona AJAX

http://librosweb.es/ajax/index.html

no se lo tome a mal, pero francamente existen situaciones que un principiante puede resolver si dedica tiempo a investigar y no solo copiar o esperar que le faciliten el código, no todos los del foro disponemos del tiempo para contestar los mensajes, ni nos la pasamos refrescando la página para ver si el usuario resolvió su problema.

[edie8]

Bien mire otros foros y manuales de ajax y e descubierto que el a.status es cuando ya esta la informacion que kiero, entonces he hecho lo siguente que nose si estara bien planteado porque en el mismo if nose si ponerlo con && para que se tengan que cumplir las dos o como, entonces al probarlo sigue pasando lo mismo que antes, este es el codigo:

Código PHP:

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)
if(a.status==200){
* * * * * * {
* * * * * * * * document.getElementById('content').innerHTML = a.responseText;
* * * * * * * * window.setTimeout(function(){
* * * * * * * * * * a = new comet();* * * * * * * * * * 
* * * * * * * * },1000);
* * * * * * * * 
* * * * * * }
* * * * }};
* * * * a.send('algo=algo');* * * * * * * * 
* * };
 

gracias y perdon por mi ignorancia amigos, un saludo.