[jQuery] problema con .load() - una segunda llamada no funciona en IE

[uikekarallo]

hola, qué tal ^^

os cuento.... he hecho un pequeño chatbox, si es que se le puede llamar así.. jeje. bueno, el caso es que funciona correctamente en todos los navegadores actuales excepto, como no, en internet explorer.

el código es el siguiente...

Código PHP:

  $('.comentariosDinamicos').load('scripts/nuevoComentario.php?nick='+ usuario +'&comentario='+ comentario_fix , function() 
{ 
  $(this).load('index.php #cargaComentarios' , function(){ $('.comentariosDinamicos').scrollTop(y); } ); // esta línea es la que no funciona en IE 
  comentario.val('').focus(); 
});  
   

como véis es bien sencillo, al pulsar en el botón, la primera llamada la hace al php que registra los datos en la base de datos y la segunda es simplemente para recargar el div y que muestre los datos añadidos. pero tan fácil es que IE no lo entiende -.-"

y si lo pongo de esta manera

Código PHP:

  $('.comentariosDinamicos').load('scripts/nuevoComentario.php?nick='+ usuario +'&comentario='+ comentario_fix); 
$('.comentariosDinamicos').load('index.php #cargaComentarios' , function(){ $('.comentariosDinamicos').scrollTop(y); } ); 
comentario.val('').focus();  
   

tampoco funciona...

alguna sugerencia? me está trayendo de cabeza... gracias :)

[Dany_s]

fijate si no estas creando id repetidos

[uikekarallo]

pues.. creo que no, no se repite ningún id.

en el html...

Código PHP:

 <div class="comentariosDinamicos"> 
  <div id="cargaComentarios"> 
    <?php 
      $peticion = "select * from comentarios order by id asc limit 300"; 
      $datos = mysql_query($peticion); 
               
      while( $fdatos = mysql_fetch_array($datos) ) 
      { 
        echo '<p><strong>'.$fdatos['nick'].':</strong> '.$fdatos['comentario']; 
      } 
    ?> 
  </div> 
</div>  

en el js...

Código PHP:

  enviarComentario.click(function() 
{ 
  $('.comentariosDinamicos').load('scripts/nuevoComentario.php?nick='+ usuario +'&comentario='+ comentario_fix , function() 
  { 
    $(this).load('index.php #cargaComentarios' , function(){ $('.comentariosDinamicos').scrollTop(y); } ); // esta línea es la que no funciona en IE 
    comentario.val('').focus(); 
  }); 
});  
   

a ver si tú ves algo que a mi se me escapa...

[orchabel]

lo que veo es que cada vez que actualizas el div "comentariosDinamicos" con el load borras el div "cargaComentarios" a no ser que dentro de esa pagina php imprimas otra vez el div de carga comentarios .

[uikekarallo]

no logro comprenderte... en comentariosDinamicos se carga el php para la db, pero una vez cargado estoy llamando de nuevo al div cargaComentarios, que es justo lo que no se llega a ejecutar en ie.

si me lo puedes razonar un poco para que lo entienda te lo agradecería ^^

[orchabel]

Intenta colocar el div fuera del otro del otro... intenta así:

<div class="comentariosDinamicos"></div>
<div id="cargaComentarios">
<?php
$peticion = "select * from comentarios order by id asc limit 300";
$datos = mysql_query($peticion);

while( $fdatos = mysql_fetch_array($datos) )
{
echo '<p><strong>'.$fdatos['nick'].':</strong> '.$fdatos['comentario'];
}
?>
</div>

[uikekarallo]

pues tampoco me funciona... ni separando los div.

el resultado es el mismo. en ie no se ejecuta el segundo .load(), ya sea haciendo el callback desde el primero o poniéndolos por separado.

voy a seguir probando... pero esto me está ocupando demasiado tiempo. a ver si se te ocurre algo más. de momento vamos descartando posibilidades. gracias ^^


edito: dato curioso. si en lugar de cargar index.php en la segunda llamada del .load() cargo 'style.css' funciona y se carga correctamente. ahora estoy más perdido que antes -.-" sigo investigando......

reedito: parece que lo único que no carga ie en la segunda llamada son los php. me carga cualquier otro tipo de archivo (css, html, js, asp...). pero php no -.-" maldito ie.... alguien sabe algo de esto?

[uikekarallo]

ok, ya estoy harto de esto. curiosamente ie no me deja recargar otro archivo php en el .load(). ¿por qué? ni idea. cada día quedo más O_O con ie...

al final hago un location.reload() cuando el explorador sea ie y punto.

después de todo, la función principal no es chatear, sinó dejar mensajes a modo de guestbook. los que utilicen navegadores competentes, además, podrán chatear.

de todos modos, si a alguien se le ocurre algo, me gustaría que todos los usuarios gozasen de los mismos privilegios que los que no utilizamos ie.

un saludo y gracias :)

[Dany_s]

posteá el html que traes en nuevoComentario.php, fijate con el firebug o ejecuta nuevoComentario.php y copia el código fuente html

[uikekarallo]

en realidad nuevoComentario.php no contiene ningún html, es sólo para insertar los valores en la base de datos.

no se me ocurre en qué puede influír... pero como tampoco se me ocurre ninguna otra cosa... ^^

ahí va el php:

Código PHP:

  <?php 
  session_start(); 
  if( !$_SESSION['usuario'] || $_SESSION['usuario'] == "invitado" ){ die('acceso restringido'); } 
 
  $nick = $_GET['nick']; 
  $fecha = date(Y.'-'.m.'-'.d); 
  $hora = date(H.':'.m.':'.s); 
  $comentario = htmlspecialchars($_GET['comentario']); 
         
  include("../inc_db.php"); 
  $peticion = "insert into comentarios (nick , fecha , hora , comentario) values ('$nick' , '$fecha' , '$hora' , '$comentario')"; 
     
  if( mysql_query($peticion) ) 
  { 
    mysql_close($link); 
    exit(); 
  } 
  else 
  { 
    die('ha ocurrido un error'); 
  } 
?>   

una vez hecho esto, como callback tendría que cargarse otro php que es el que trae el div #cargaComentarios...

que yo vea ahí no hay nada que impida que se ejecute el callback. lo normal sería cargar eso y si eso carga, cargar lo siguiente. insisto en que ie da asco

[orchabel]

Bueno yo tenía el mismo problema con un div interno que tenía el mismo nombre cuando se cargaba un PHP en el div exterior. Resulta que en el DOM de ie y de ópera (excepto Firefox que si funcionaba bien) no me cargaba la acción Click para ese div debido a que ya existía ese objeto al cargar el nuevo PHP y no lo reemplazaba (en Firefox si lo hace).

Como conclución exactamente antes de hacer el load del PHP me tocaba "destruir" el objeto DIV en el DOM y dejar que se creara nuevament al cargar, para que luego de que hubiera cargado, asignarle el código del click.

yo te recomendaría que removieras el objeto del DOM antes de hacer el load en comentarios dinamicos. Yo lo haría así.

$('#cargaComentarios').remove();

intenta a ver si es eso.

[uikekarallo]

Código PHP:

  enviarComentario.click(function()
{
  $('#cargaComentarios').remove();
  // etc...
}  
   

nada... ya lo había probado, lo he vuelto a probar y tampoco :/ a mi se ya me han agotado las ideas -.-"

[Dany_s]

en ie queda cacheado, probá enviando un parámetro random o usa el prarámetro no cache de ajax

$('.comentariosDinamicos').load('index.php?date='+ Date.parse(new Date())+' #cargaComentarios');

asi no queda cacheado

[uikekarallo]

nada... tampoco se soluciona de esta manera. tiene que ser otra cosa... pero no caigo en qué!

argh.. de verdad, gracias por romperos la cabeza conmigo ^^
mientras no encuentre que demonios falla, lo dejo así... aunque no es ni de lejos lo más acertado:

Código PHP:

  enviarComentario.click(function() 
{ 
  if( comentario.val() != "" ) 
  { 
    $('.comentariosDinamicos').load('scripts/nuevoComentario.php?nick='+ usuario +'&comentario='+ comentario_fix , function() 
    { 
      if( navigator.appName == "Microsoft Internet Explorer" ) 
      { 
        location.reload(); 
      } 
      else 
      { 
        $(this).load('index.php #cargaComentarios' , function(){ $('.comentariosDinamicos').scrollTop(y); }); 
        comentario.val('').focus(); 
      } 
    }); 
  } 
  else 
  { 
    comentario.focus(); 
  } 
});  
   

[Dany_s]

debe ser otra cosa, yo hago esos 2 load el primero a un archivo en blanco y el otro al mismo archivo con el html que posteaste y funciona bien en ie 6, 7 y 8

[uikekarallo]

uhm.. y los 2 archivos son php? porque si en el segundo load cargo un html funciona... y eso es precisamente lo que más me desconcierta... un archivo con extensión html si y uno con extensión php no? :/

[Dany_s]

uhm.. y los 2 archivos son php?

no entiendo, si vos estas tratando de cargar index.php tiene existir ese index.php

hace una cosa, create un index.php que tiene tus div que posteaste .comentariosDinamicos y #cargaComentarios otro php que no tenga nada, solo para simular el primer load, tu jquery que sea solo load sin ningún otro método como focus o scroolto y de esa forma probas

[Edward912]

Dany_s tiene razon, con un random se soluciona el problema y ya carga normalmente, lo q hize yo fue así:

Código Javascript:

$("#Nodo").load("index.php?val=" + Math.random());
 

y me cargo sin ningun problema, incluso despues de hacerle varias peticiones, el #Nodo lo pueden cambiar por el selector y el nombre que necesiten