Problema con load() Jquery en IE

tonchii · #1 (**permalink**) 11/10/2010, 16:23

Hola amigos, resulta que estoy implementando JQuery en mi web y la verdad me ha resultado bastante sencillo.
Cree un enlace que despliega una ventana modal en la cual se carga una pagina llamando a la funciona load(). El tema es que en Mozilla y Chrome funciona muy bien, pero en IE8, como era de esperarse (¬¬) me muestra el mensaje de "Cargando..." pero luego no carga nada.

El codigo que uso es este:

Código Javascript:

Ver original$("a.discutir").each(function() {
    $(this).click(function(discutir) {
        discutir.preventDefault();
        var idEntrada = $(this).attr("rel");
        $(document.body).prepend('<div style="display:none; background:#000; width:100%; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; height:100%; position:fixed; z-index:100;" id="background-shadow"></div>');
        $("#background-shadow").fadeIn("fast", function(){
            $(this).click(function(cerrarShadow){
                $("#discusion").fadeOut("fast");
                $("#background-shadow").fadeOut("fast", function(){
                    $(".contenido-discusiones").empty();
                    });
            });
        });
        $("#discusion").fadeIn("fast", function(){
            $(".mensaje-cargaPagina").css("display", "block");
                $(".contenido-discusiones").css("padding-top", "0").load("discusion.php", {idEntrada: "" + idEntrada + ""}, function(){
                    $(".mensaje-cargaPagina").css("display", "none");
                });
            $(document).keydown(function(tecla){
                if(tecla.which == 27) {
                    $("#discusion").fadeOut("fast");
                    $("#background-shadow").fadeOut("fast", function(){
                    $(".contenido-discusiones").empty();
                    });
                } else{
                }
            });
            $("#cerrar-discusiones").click(function(cerrarPopup){
                cerrarPopup.preventDefault();
                $("#discusion").fadeOut("fast");
                $("#background-shadow").fadeOut("fast", function(){
                    $(".contenido-discusiones").empty();
                    });
            });
            });
            });
            
    });

La funcion load se llama en:

Código Javascript:

Ver original$("#discusion").fadeIn("fast", function(){
            $(".mensaje-cargaPagina").css("display", "block");
                $(".contenido-discusiones").css("padding-top", "0").load("discusion.php", {idEntrada: "" + idEntrada + ""}, function(){
                    $(".mensaje-cargaPagina").css("display", "none");
                });

Ya he probado un monton de cosas pero no consigo lograr ningun cambio...
Me podrian ayudar??? De antemano muchas gracias

caricatos · #2 (**permalink**) 11/10/2010, 16:25

Tema movido desde javascript

jesusaguilera09 · #3 (**permalink**) 12/10/2010, 01:50

Eso también ocurre con muchos players que no se visualizan en Firefox y si en Explorer o viceversa.
tonchii si te funciona también en Opera como en Chrome y Firefox, yo lo que haría sería pasar de IE, seleccionar el navegador y si es IE, mostrar un popup elegante en jquery haciendo saber que ese navegador no se va a visualizar la página correctamente y poner un enlace a la página de microsoft para que se descargen la versión 9 Beta, o a la página de Firefox o Chrome para que seleccionen uno de ellos y lo instalen.

Dany_s · #4 (**permalink**) 13/10/2010, 06:00

raro a mi me funciona, proba esto con un php que devuelva algo simple como solo texto

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplon</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
        $(function(){
            $('a').click( function (){
                idEntrada = 1;
                $(".mensaje-cargaPagina").css("display", "block");
                $(".contenido-discusiones").load('algun.php', {idEntrada:idEntrada}, function (){
                    $(".mensaje-cargaPagina").css("display", "none");
                });
            });
        });
        </script>
        <style>
            .mensaje-cargaPagina{display:none}
        </style>
    </head>
    <body>
        <div class="mensaje-cargaPagina">Cargando...</div>
        <a href="#">Link</a>
        <div class="contenido-discusiones"></div>
    </body>
</html>

en vez de usar display podrias usar show y hide, es mas legible

tonchii · #5 (**permalink**) 13/10/2010, 18:02

Ya solucione el problema, y era un "</div>" que no se por q razon no me mostraba nada d ela pagina que se cargaba..

Muchas gacias :)