Preloader no se muestra

[gatopanah]

Hola estoy haciendo un formulario AJAX pero la imagen del preloader no se muestra ni en Chrome ni en Safari, lo demás va de perlas, mi código es este ..

Código Javascript:

ajaxa=nuevoAjax();
       
            valorpost="nombre="+nombre_ref
                      +"&empresa="+empresa_ref ;
                      
            ajaxa.open("POST", "functions/func.form_process.php",true);
            ajaxa.onreadystatechange=function()
            {                           
                if(ajaxa.readyState==1)
                {
                    /* Cargando */                  
                    $("#preloader").html("<img class='nopad' src='/images/preloaders/preloader.gif'>");             
                }
                if (ajaxa.readyState==4)
                {                                           
                    /* Realizado */ 
                                       alert("Enviado");
                }
            }
            ajaxa.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");                    
            ajaxa.send(valorpost);
 

Por supuesto en firefox funciona, por lo que el elemento "#preloader" existe en el DOM. Alguna idea? Gracias.

[samardj]

muestra el preloader apenas entres a la funcion, antes de iniciar cualquier estado.

y ponla asi por si las moscas

document.getElementById('preloader').innerHTML ="<img class='nopad' src='/images/preloaders/preloader.gif'>";


que tiene la clase nopad?

[gatopanah]

Gracias samardj, lo probaré ahora y te comento.

La clase "nopad" tan solo le quita el padding a la imágen.

[gatopanah]

Impresionante, lo puse anes del onreadystatechange y funciona perfecto. Muchas gracias samardj.