Ho creato una popup che permette di fare un upload dal pc locale. Ho creato due layer: uno con la form per la ricerca del file e il secondo che visualizza una gif animata per l'attesa durante il caricamento. Tutto è ok ma quando viene nascosta la form e visualizzata la gif questa è senza animazione.
Qualcuno saprebbe darmi una spiegazione?
qualsiasi comando javascript lanciato da link con la seguente sintassi blocca l' animazione delle gif
<a href="javascript:nomefunzione()">
cosi' non lo fara'
<a href="#" onclick="nomefunzione();return false">
ciao
perfetto.
Grazie mille.
.... anzi no, scusa la mia ignoranza, ma ho messo come dici "return false" nel onsubmit (l'ho provato anche nel onclick):
onsubmit="attesa(); return false"
ma adesso non mi funziona più la form. Rimane bloccato sulla gif.
Perchè mai?
cosa devo mettere nella funzione attesa()?
In un precedente messaggio ho esposto un problema che vorrei riproporre:
in una form per permettere il prelievo di un file dal pc client, vorrei introdurre una gif animata durante l'attesa del upload. Ho creato una pagina con dei layer e ho fatto in modo che all'invio della form apparisse il layer contenente la gif animata. Il problema è questo se sull'onsubmit (o onclick) aggiungo - return true - la gif funziona ma non funziona la submit, se metto - return false - non funziona la gif e funziona il submit .....
qualcuno ha qualche suggerimento per far funzionare tutto????
codice , o meglio, link a pagina in questione
scusate ...
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<link rel="stylesheet" type="text/css" href="../css/form.css" />
<META NAME="GENERATOR" Content="Microsoft FrontPage 4.0">
<STYLE TYPE="text/css">
#wait {POSITION:absolute; Z-INDEX:30; VISIBILITY:visible;}
#cerca {POSITION:absolute; Z-INDEX:20; VISIBILITY:visible;}
#fine {POSITION:absolute; Z-INDEX:10; VISIBILITY:hidden;}
</STYLE>
<TITLE>Allega File</TITLE>
<script>
<!--
var W3CDOM = (document.createElement && document.getElementsByTagName);
function init()
{
//tempo di inizio
if (!W3CDOM) return;
var fakeFileUpload = document.createElement('div');
fakeFileUpload.className = 'fakefile';
fakeFileUpload.appendChild(document.createElement( 'input'));
var image = document.createElement('img');
image.src='../images/go_cerca.gif';
fakeFileUpload.appendChild(image);
var x = document.getElementsByTagName('input');
for (var i=0;i<x.length;i++)
{
if (x[i].type != 'file') continue;
if (x[i].getAttribute('noscript')) continue;
if (x[i].parentNode.className != 'fileinputs') continue;
x[i].className = 'file hidden';
var clone = fakeFileUpload.cloneNode(true);
x[i].parentNode.appendChild(clone);
x[i].relatedElement = clone.getElementsByTagName('input')[0];
if (x[i].value)
x[i].onchange();
x[i].onchange = x[i].onmouseout = function () {
this.relatedElement.value = this.value;
}
}
}
// -->
</script>
<script>
<!--
function attesa() {
document.all.wait.style.visibility='hidden';
document.all.cerca.style.visibility='hidden';
document.all.fine.style.visibility='visible';
//document.upload.submit();
return;
}
// -->
</script>
</HEAD>
<BODY bottomMargin=3 onLoad="init()">
<div id="wait" style"position:absolute; visibility:visible; TOP:0px;">
<H3 align=left>Allega file
<HR width="100%">
</H3>
<table border="0" cellpadding="0" cellspacing="0" width="381">
<tr>
<td width="100%">
<FORM METHOD="post" name="upload" ENCTYPE="multipart/form-data" ACTION="outputFile.asp">
<div class="fileinputs" id="cerca">
<input type="file" NAME="blob">
</div>
</td>
<tr>
<td width="100%">
<p align=right>
<INPUT src="..\images\go_invia.gif" TYPE="image" alt="Invia" onclick="attesa(); return false">
</p>
</td>
</tr>
</table>
</FORM></div>
<div id="fine">
<H3 align=left>Allega file
<HR width="100%">
</H3>
<font color=black size=3>
Attendere che il file sia caricato.
</font>
[img]..\images\attesa.gif[/img]
</p>
</div>
</BODY>
</HTML>
parlavo di link e a quanto pare non e' il tuo caso
il return su di un onsubmit non dovrebbe generare il problema che riporti
si puo' vedere la pagina in questione?
anche una versione semplificata se non vuoi lasciare il link alla pagina vera e propria
ho unito le 2 discussioni e l' ordine di invio dei messaggi potrebbe risultare errato
P.s. possibilmente evita in futuro di aprirne una nuova (puoi riportare su la vecchia rispondendoti da solo)
ho messo il codice perchè il link è un pò incasinato (ci sto lavorando sopra), comunque il link è: http://www.miditech.it/cv.asp poi bisogna clikkare su "Allega il tuo curriculum vitae" quindi (anche senza allegati) "Invia". Rimarrà la gif e non verrà inviata la form.
Permessi di invio
Rispondi quotando