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:
L'ajax_utility.js è il file con una serie di funzioni per le richieste asicrone prelevato proprio dalla guida Ajax di Html.itcodice:<!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>
Il CSS è così: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>
Dov'è che sbaglio?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>
Qualcuno può aiutarmi??
Grazie!!
Rispondi quotando