18. april 2007 - 10:21
Der er
5 kommentarer og 1 løsning
Fejl med onsubmit
Hvorfor virker dette ikke..? Når jeg submitter formen, forsvinder formen fint, men min <div> med min load indikator vises ikke.. hvorfor? <form method="post" action="default.asp?cmd=Upload" enctype="multipart/form-data" onsubmit="this.parentNode.style.display='none';document.getElementById('loader').style.display='block';"> <input type="hidden" name="sti" value="<%=Request.Querystring("mappe")%>"> <table cellpadding="0" cellspacing="4" style="width:100%;"> <tr> <td style="width:50px;">Upload fil:</td> <td><input type="file" name="file1" size="50" class="input" style="width:100%;"></td> <td style="width:100px; text-align:right;"><input type="submit" value="Upload" class="input" style="width:100%;"></td> </tr> </table> </form> <div id="loader" style="display:none; text-align:center;width:100%;"><img src="images/ikoner/loading.gif"/></div>
Annonceindlæg fra Computerworld it-jobbank
18. april 2007 - 10:50
#1
Er det ikke bare: <form method="post" action="default.asp?cmd=Upload" enctype="multipart/form-data" onsubmit="this.parentNode.style.display='none';document.getElementById('loader').style.display='';"> Altså ændre "block" til "" ? /odie
18. april 2007 - 10:54
#2
Derudover ser det ud som om din div: loader ligger inde i din form div. Du mangler vistnok en </div> lige før: <div id="loader" style="display:none; text-align:center;width:100%;"><img src="images/ikoner/loading.gif"/></div> ? /odie
18. april 2007 - 14:16
#5
Fordi du skjuler parent-elementet til formen, skjuler du tilfældigvis også det, der omkranser din loading-div, og det nytter ikke meget at vise den, når den ligger inde i noget skjult !-) <form method="post" action="default.asp?cmd=Upload" enctype="multipart/form-data" onsubmit="this.style.display='none';document.getElementById('loader').style.display='block';">
18. april 2007 - 17:44
#6
<div id="formnavn"> <form method="post" action="default.asp?cmd=Upload" enctype="multipart/form-data" onsubmit="document.getElementById('formnavn').style.display='none';document.getElementById('loader').style.display='';"> <input type="hidden" name="sti" value="<%=Request.Querystring("mappe")%>"> <table cellpadding="0" cellspacing="4" style="width:100%;"> <tr> <td style="width:50px;">Upload fil:</td> <td><input type="file" name="file1" size="50" class="input" style="width:100%;"></td> <td style="width:100px; text-align:right;"><input type="submit" value="Upload" class="input" style="width:100%;"></td> </tr> </table> </form> </div> <div id="loader" style="display:none; text-align:center;width:100%;"><img src="images/ikoner/loading.gif"/></div>