Avatar billede gatez Nybegynder
09. januar 2005 - 13:54 Der er 14 kommentarer og
1 løsning

Submit Bottom til Img

Hejsa,

Jeg har en form på min side hvor brugeren kan uploade et billede.
Der til vil jeg godt lave det sådan at når brugeren trykker på submit knappen, altså "Upload" så skal submit knappen fjernes og i stedet skal der komme et gif billede frem...

Jeg har så lænkt mig at lave et animeret gif billede som en "loading" bar...

Jeg har før set det på andre hjemmesider, kan ikke lige huske hvor, men hvordan laver man det ?
Avatar billede roenving Novice
09. januar 2005 - 14:10 #1
f.eks.

<input type="submit" onclick="document.getElementById('loading').style.display='inline';this.style.display='none';">
<img src="loadingbar.gif" style="width:100px;height:100px;display:none;">

-- hvis du skal have den til at starte skal du også sætte src på den ved click-eventen !-)
Avatar billede gatez Nybegynder
09. januar 2005 - 14:17 #2
-> roenving
Takker, men jeg kan ikke lige få det til at virke ;)
src på den ved click-eventen ?
Avatar billede roenving Novice
09. januar 2005 - 14:24 #3
<input type="submit" onclick="i=document.getElementById('loading');i.style.display='inline';i.src='loadingbar.gif';this.style.display='none';">
Avatar billede gatez Nybegynder
09. januar 2005 - 14:27 #4
Nu ser det sådan ud:

<input class="form_bottom" type="submit" value="Tilføj / Redigér billede nr. <%=Request.QueryString("img")%>" name="submitbutton" onclick="i=document.getElementById('loading');i.style.display='inline';i.src='loadingbar.gif';this.style.display='none';" /><img src="loadingbar.gif" style="width:100px;height:100px;display:none;">

Men når jeg trykker på submit uploader den bare filen, der kommer ikke noget billed frem desværre...
Avatar billede roenving Novice
09. januar 2005 - 14:32 #5
Hov, jeg fik jo ikke sat id på img-elementet:

<img id="loading" src="loadingbar.gif" style="width:100px;height:100px;display:none;">
Avatar billede gatez Nybegynder
09. januar 2005 - 14:38 #6
Yep, takker det hjalp ;)
Smid et svar ...
Avatar billede roenving Novice
09. januar 2005 - 14:40 #7
Velbekomme '-)
Avatar billede gatez Nybegynder
09. januar 2005 - 14:42 #8
Lige et hurtigt spg... ;)

Det er som om at den laver 2-3 stk <br> efter:
<img id="loading" src="loadingbar.gif" style="width:100px;height:2px;display:none;">

Der hvor billedet kommer frem laver den et stort mellemrum, men jeg har valgt at height kun skal være 2px.... Hvordan kan det være ?
Avatar billede gatez Nybegynder
09. januar 2005 - 14:42 #9
Du for lige dine pointz...
Avatar billede roenving Novice
09. januar 2005 - 14:49 #10
Tak for point ;~}

-- kan du vise det, for jeg kan ik' li'e gennemskue, hvad ...
Avatar billede gatez Nybegynder
09. januar 2005 - 14:57 #11
Avatar billede roenving Novice
09. januar 2005 - 15:01 #12
Prøv at smide billedet ind i din form !-)

-- alternativt kan du forsøge at ændre formens visning med style="display:inline;" ...
Avatar billede gatez Nybegynder
09. januar 2005 - 15:04 #13
Yep, det hjalp en smule ;)
Der er stadig lidt mellemrum, men det går nok, tak tak tak ;)
Avatar billede gatez Nybegynder
09. januar 2005 - 15:10 #14
Nu blir du nok snart træt af mig ;)
Men kan man så lave flere <br> efter loading bar ?

Altså sådan at når man trykke submit så skal dette blive synligt:
<img id="loading" src="loadingbar.gif" style="width:100px;height:2px;display:none;">
<br><br><br>

? Den skal nemlig kun vise de 3 stk <br> når billedet vises... hehe... men hvis det er for svært så glemmer vi det bare.
Avatar billede gatez Nybegynder
09. januar 2005 - 15:19 #15
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