Icono de espera no se muestra al subir archivos

[junihh]

Hola señores

Hice un pequeño formulario para subir archivos al servidor con PHP que funciona muy bien. El caso es que archivos relativamente pesados se toma un poco de tiempo y me gustaria que el usuario vea alguna respuesta de progreso, asi que puse un icono.

Al principio la imagen la aplique directamente en el HTML pero con una clase "visibility:hidden" para que con el evento "onclick" lo hiciera visible a traves de su ID. Antes de usar "onclick" lo tenia con "onsumit" pero lamentablemente no funciono de ninguna forma.

Trate de forzar el asunto con un JS insertando la imagen con innerHTML en un div, pero tampoco funciona.

No se que mas hacer para que muestre el dichoso icono de espera, alguna sugerencia ???

Pueden ver la condicion que se encuentra el formulario aqui.

[Adler]

Hola

Prueba con
obj.innerHTML = '<img src=" + ico + " align="absmiddle" />'
o con
obj.src = '<img src=" + ico + " align="absmiddle" />'

Suerte

[America|UNK]

showIcon () => showIcon() (junto)

[Adler]

Hola

Iniciado por America|UNK

showIcon () => showIcon() (junto)

¿Cual es el problema? En ambos casos se ejecutará la función

[America|UNK]

Ostia es verdad, pero el loading tiene que cargar para que lo muestre, mejor usa

Código html:

<img src="loading.gif" align="absmiddle" id="ic" style="display:none" />
 

Código javascript:

function showIcon (id)
    {
       document.getElementById(id).style.display="inline";
    }
 

Asi evites usar el metodo preload de imágenes

[junihh]

Gracias a ambos.

@America|UNK, justo estaba tratando una idea mas que me soluciono el problema. Fue basado en la propuesta de @Adler, pero con algunas modificaciones para que si funcionara y aunque quedo muy elegante, como dices hay que hacer un preload, lo que es un problema.

Lo cambie a tu sugerencia. En este caso la imagen esta todo el tiempo alli y solo es visible cuando se le llama con el JS. Lo simple y basico es lo mejor (aunque no elegante).

Nuevamente gracias a los dos.