Ciao a tutti,
attraverso ajax volevo far visualizzare una gif animata che segnalasse l'attesa per un upload di un file.
Testando lo script (sia in locale che in remoto) mi sono accorto che questo non funziona su IE7 (n0n so se pure in versioni precedenti) cioè la gif non è più animata.
Posto un po di codice:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" >
<head>
<title>Esempi ajax</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="/jscript/ajax_utility.js"></script>
<script>
function mostra_immagine(){
	prendiElementoDaId("divimm").className = 'visibile'
}
</script>
L'ajax_utility.js è il file con una serie di funzioni per le richieste asicrone prelevato proprio dalla guida Ajax di Html.it

codice:
<body>
<% 
submitted = Request.Querystring("submitted")
If Submitted then
	percorso = "/Public/Prova/"
	Dim objFile
	Set objFile = Server.CreateObject("Scripting.FileSystemObject")
	If NOT objFile.FolderExists (Server.MapPath(percorso)) then
		Dim objfso
		Set objFso = Server.CreateObject("Scripting.FileSystemObject")
		objFso.CreateFolder(Server.MapPath(percorso))
	end if
	Set objFso = Nothing
	Dim oUpload
	Set oUpload = new cUpload
	oUpload.Autorename = False
	oUpload.Overwrite = True
	oUpload.SetPath percorso
	oUpload.UploadAndSave
	set oUpload = Nothing
	response.write ("File Caricato. Clicca qui per caricare un altro file.")
else
%>
	<h1>Esempio ajax-loader</h1>
	<div class="layer2">
		


		<form action="/prova_ajax.asp?submitted=true" method="post" name="film_new" enctype="multipart/form-data" >
		<input type="file" name="Images" />
		<input type="button" value="check_effect" onclick="mostra_immagine();" />
		<input type="submit" value="Carica" onclick="mostra_immagine();" />
		</form>
	</div>
	<div id="divimm" class="nascosto"></div>
<%
end if
%>
</body>
</html>
Il CSS è così:
codice:
<style type="text/css" media="all">
	body {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 9pt;
		background: #FFF;
		color: #000;
		}
	h1 {
		font-size: 12pt;
		border-bottom: 1px solid silver;
		color: #009;
		}	
	.nascosto {display:none;}
	.visibile {display:block;}		

	#divimm {
		position:absolute;
		top:40px;
		left:5px;
		width:410px;
		height:100px;
		filter:alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
		background: #fff url(/immagini/icons/attesa2.gif) no-repeat center;
		}
	.layer2 {
		height:100px;
		overflow:hidden;
		}	
</style>
Dov'è che sbaglio?
Qualcuno può aiutarmi??
Grazie!!