[Javascript] Problemi di visualizzazione

[sevenjeak]

Salve,

Scusate per il titolo poco informativo.

Sto creando in javascript, una funzione, loader() che viene eseguita con l'evento onSubmit di un form ( praticamente sarebbe un preload )

La funzione crea un div, con altezza e larghezza al 100% ( identica per tutti i browser ) che visualizza, al centro, un'altro div con visualizzato la scritta loading.. è una immagine gif sotto, il tutto scompare quando tutti i dati del modulo sono stati elaborati.

Il problema è che: la scritta loader.., nel div, mi viene visualizzata, mentre l'immagine gif no.

Qui sotto vi posto la funzione loader() scritta da me:

function loader() {
  var div = document.createElement("div");
  
  div.style.position = "fixed";
  div.style.top = "0px";
  div.style.left = "0px";
  
  if (typeof(window.innerWidth) == "number") {
    div.style.height = window.innerHeight + "px";
  } else if (document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight )) {
	div.style.height = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    div.style.height = document.body.clientHeight;
  }
  
  div.style.width = "100%";
  div.innerHTML = "<br /><br /><br /><br /><br /><br /><div id='load'><strong>loading..</strong><img src='Image/loader.gif' altr='nd' /></div>";
  
  document.body.appendChild(div);
}

Non so, forse l'errore è banale, ma è da tre giorni che non riesco a capire, o a trovare l'errore.

Come mai, quando appare questo div, con all'interno un'altro div, mi visualizza solamente la scritta loader.., insieme al ritorno a capo, ma non mi visualizza l'immagine gif che segue dopo?

[karl94]

Sei sicuro che l'immagine sia presente nel percorso indicato?
Non ti servono i br per distanziare, usa i margini CSS, inoltre ti consiglio di non usare innerHTML, ma i metodi del DOM per modificare il documento.

P.s.: se imposti la proprietà height su 100% non hai bisogno di usare tutto quel codice.

[sevenjeak]

L'immagine è presente.

Ho usato i br per andare a capo è no i margine perché è solamente uno script di prova, dopo metterò i margini.

[karl94]

Andare a capo = distanziare. Perché dovresti andare a capo lasciando varie righe vuote?

Puoi scrivere l'indirizzo della pagina in questione?

[sevenjeak]

Ho editato il messaggio scritto da me.

La pagina per ora si trova in locale, aspetta che ora la metto su av.

EDIT:

Scusa per l'attesa, ma nel frattempo, per provare se lo script funzionavo, ho provato a modificarlo togliendo un po di tag html ( pensando che era quello il problema ).

Il mio script cmq si trova qui:

http://sevenjeak.altervista.org/test/index.php

Come puoi vedere, quando fai click su invia file, appare la scritta loading.. sotto, ma no, l'immagine che dovrebbe apparire.

[karl94]

Il browser non carica l'immagine poiché il documento corrente sta per essere chiuso (sta già caricando la pagina seguente).
Potresti provare ad inviare il modulo in Javascript usando l'oggetto XMLHttpRequest.

[sevenjeak]

Premetto che non conosco perfettamente il Javascript, come dovrei usare l'oggetto XMLHTTPRequest()?