[ajax] mostra dati database senza refresh

[unreg]

Salve,

vorrei fare, usando ajax un piccolo scritp, dove c'è un elenco di opzioni:

	<ul id="selezione">
		[*]Voce 1
		[*]Voce 2
		[*]Voce 3
		[*]Voce 4
	[/list]

l'utente clicca una delle possibilità presentate,
e in base alla sceltra effettuata tramite ajax visualizza il preload (una gif sino al carricamento dei dati) poi mostra a video i dati presi nel db sotto forma di xhtml così:

	<ul id="visualizza">
		[*]Voce 1
		[*]Voce 2
		[*]Voce 3
		[*]Voce 4
	[/list]

Per la parte lato server non c'è problema (uso ASP),
ma per il resto non so da dove cominciare.

chi mi aiuta per favore ?

grazie !

[unreg]

ho quasi risolto da solo

questo è il js, l'unica cosa che non sono riuscito a fare è il preload dei dati con la gif animata.

chi mi aiuta per favore ?

grazie !

var xmlHttp

function showCustomer(str)
{ 
var url="getcustomer.asp?sid=" + Math.random() + "&q=" + str
xmlHttp=GetXmlHttpObject(stateChanged)
xmlHttp.open("GET", url , true)
xmlHttp.send(null)
} 

function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{ 
document.getElementById("txtHint").innerHTML=xmlHttp.responseText 
} 
} 

function GetXmlHttpObject(handler)
{ 
var objXmlHttp=null

if (navigator.userAgent.indexOf("Opera")>=0)
{
alert("This example doesn't work in Opera") 
return 
}
if (navigator.userAgent.indexOf("MSIE")>=0)
{ 
var strName="Msxml2.XMLHTTP"
if (navigator.appVersion.indexOf("MSIE 5.5")>=0)
{
strName="Microsoft.XMLHTTP"
} 
try
{ 
objXmlHttp=new ActiveXObject(strName)
objXmlHttp.onreadystatechange=handler 
return objXmlHttp
} 
catch(e)
{ 
alert("Error. Scripting for ActiveX might be disabled") 
return 
} 
} 
if (navigator.userAgent.indexOf("Mozilla")>=0)
{
objXmlHttp=new XMLHttpRequest()
objXmlHttp.onload=handler
objXmlHttp.onerror=handler 
return objXmlHttp
}
}

[unreg]

up

[pietro09]

:master: Non so se ho capito, comunque, due link in primis:

http://www.napyfab.com/ajax-indicators/

http://mentalized.net/activity-indicators/


dopo di chè, in un esercizio, io ho fatto così:

una immagine nella pagina, nascosta:

[img]indicator.white.gif[/img]


poi, prima di lanciare ajax:
document.getElementById("indicator").style.display = "";

e, nella funzione di callback di ritorno, e in quella che riporta eventualmente l'errore:
document.getElementById("indicator").style.display = "none";