[AJAX] inserire un semplice preload prima di mostrare risultati

[generationweb.i]

Ciao ragazzi ho questa funzione richiamata ad un OnChange()

function estraimodelli(str)
{
var xmlhttp;
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{// stato=4 vuol dire che la variabile ha preso la risposta e 200 che può effettuare l'operazione
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("tendina-modelli").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","estrai-tendina-modelli.asp?variabile="+str,true);
xmlhttp.send();
}

praticamente mi estrae un menu a tendina in base ad un valore passato dalla variabile.
Siccome il menu a tendina contiene molti record, vorrei che prima di far visualizzare il menu a tendina comparisse un Preload (Un immagine loading.gif che gia ho) in modo da far capire che sta effettuando l'operazione.


Spero di essere stato chiaro

[generationweb.i]

up...

[LeleFT]

C'è poco da uppare (dopo 3 ore di cui 2 in cui la gente solitamente pensa a mangiare)... sei nella sezione sbagliata.
AJAX è tecnologia JavaScript e viene trattato nel forum "JavaScript".

Sposto.


Ciao.

[cavicchiandrea]

Nel html metti l'immagine d'attesa con un id (tipo id="load") con display:none subito dopo var xmlhttp; metti document.getElementById("load").style.display='blo ck'; e prima di questa riga document.getElementById("tendina-modelli").innerHTML=xmlhttp.responseText; nascondi il load document.getElementById("load").style.display='non e';

[generationweb.i]

Grazie, ora provo. Ma cme mai non mi prende il css della tendina che sta in estrai-tendina-modelli.asp?

[cavicchiandrea]

Grazie, ora provo. Ma cme mai non mi prende il css della tendina che sta in estrai-tendina-modelli.asp?

Premesso che non è chiarissima la domanda, vedi i percorsi, oppure richiama il css nel documento principale