mostrar contenido solamente cuando este cargado

[RichBoy]

Como podria mostrar el contenido solamente cuando este este cargado?
Lo que quiero mostrar es una imagen.

Código Javascript:

function mostrar(){
$('#cover').html('<img src="cargando.gif">');
var define ="nada"
var pos_url = 'datos.php';
var req = new XMLHttpRequest();
if (req) {
req.onreadystatechange = function() {
if (req.readyState == 4 && (req.status == 200 || req.status == 304)) {
 
document.getElementById('cover').innerHTML = req.responseText;}}
 
req.open('GET', pos_url +'?define='+define,true);
req.send(null);}}
 

[Dradi7]

Primero porque usas jQuery y también estas usando puro javascript define bien como vas a usar tu código si ya estas usando jQuery no te vendría mas conveniente usar la función ajax del jQuery.

Segundo tu codigo lo veo bien en que te esta causando problemas

Saludos

[RichBoy]

Bueno soy apenas un novato usando javascript/jquery, creo que sera mejor hacerlo de esta manera supongo:

Código Javascript:

$(document).ready(function(){
$("#clickme").click(function () {
$("#contenido").html('Retrieving...');
$.ajax({
type: "POST",
data: "data=" + $("#data").val(),
url: "datos.php",
success: function(msg){
$("#contenido").hide().fadeIn(500).html(msg)
}
});
});
});
 

La cosa es de que no quiero que la iamgen se meustre si no hasta que este completamente cargada, pero no lo consigo :S

[emprear]

Esto me suena a que querés utilizar un ajaxLoader, en ese caso

Código Javascript:

var loaderGif = "<img src='ajaxLoader.gif' alt="" />
if(req.readyState==1){
document.getElementById('cover').innerHTML = loaderGif;
}
 

y recien después verificas el status 200 para readyState para cargar el responseText

Saludos

[RichBoy]

Gracias pero no funciona, la imagen se muestra en partes todavia :s

[Dradi7]

y si pruebas asi

Código Javascript:

$(document).ready(function(){
    $("#clickme").click(function () {
        $("#contenido").html('<img src="loading.gif" />');
        $.ajax({
            type: "POST",
            data: "data=" + $("#data").val(),
            url: "datos.php",
            success: function(msg){
                $("#contenido").hide().fadeIn(500).html(msg);
            }
        });
    });
});
 

[RichBoy]

Gracias, ya trate de esa forma epro no funciona, el gif de cargando se quita, y aveces la imagen todavía no se a cargado nada :s