Avatar billede lund_dk Praktikant
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>
Avatar billede odie Nybegynder
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
Avatar billede odie Nybegynder
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
Avatar billede roenving Novice
18. april 2007 - 13:48 #3
Eler nøjes med at skjule formen i stedet fo parent-elementet:

onsubmit="this.style.display='none';
Avatar billede lund_dk Praktikant
18. april 2007 - 14:04 #4
blev jeg ikke så meget klogere af

forstår ikke helt hvad det er i vil have mig til?
Avatar billede roenving Novice
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';">
Avatar billede odie Nybegynder
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>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester