Notifikationer

Markér alle som læst Log ud

bongii Nybegynder

22. april 2008 - 21:23 Der er 25 kommentarer og
1 løsning

Vis ikon ved uploading

Hej.

Jeg har lavet en billede upload. Submit knappen ser ud som nedenstående:
<input type="image" name="sub" src="/formular/images/gembilleder.gif" onmouseover="this.src='/formular/images/gembilleder_hover.gif'" onmouseout="this.src='/formular/images/gembilleder.gif'" alt="" style="cursor:hand; cursor:pointer"/>

Kan jeg lave et java script der skifter knappen imens den uploader til en eller anden gif animation. Det vil også være okay at vise et skjult lag der indenholder animationen. Når filen er uploaded skifter billedet, så animationen skal egentlig bare vises for "evigt" efter der er trykket på knappen,.

Synes godt om

w13 Novice

22. april 2008 - 21:31 #1

Loadbilledet:

<img id="load" style="display:none" src="load.gif">

Knappen skal så have en onclick="document.getElementById('load').style.display='block'"

Synes godt om

bongii Nybegynder

23. april 2008 - 10:01 #2

Verdensklasse !

Synes godt om

w13 Novice

23. april 2008 - 10:24 #3

;)

Synes godt om

bongii Nybegynder

23. april 2008 - 18:29 #4

w13: Kan det passe at tricket ikke virker ved en animeret GIF?

Synes godt om

w13 Novice

23. april 2008 - 18:38 #5

Nej, det synes jeg nu ikke, det burde. Afspiller den da ikke?

Synes godt om

w13 Novice

23. april 2008 - 18:38 #6

Bliver den vist?

Synes godt om

bongii Nybegynder

23. april 2008 - 18:43 #7

Nej den afspiller ikke. Den står i sidste frame af gif filen.

Synes godt om

w13 Novice

23. april 2008 - 19:04 #8

Det tror jeg, er sådan som IE nu engang behandler gif'er, når en side står og loader.

Synes godt om

bongii Nybegynder

23. april 2008 - 19:29 #9

Æv - kan man bruge en anden funktion end ovenstående? Et lag eller andet?

Synes godt om

w13 Novice

23. april 2008 - 20:40 #10

Bange for det ikke lader sig gøre. Så sku' det være en popup i hvert fald.

Synes godt om

bongii Nybegynder

24. april 2008 - 08:30 #11

Æv æv - nå men anyway, tak for hjælpen. Hvis du pludselig komemr i tanke om hvordan det kan lade sig gøre, er du meget velkommen til at skrive :)

Synes godt om

bongii Nybegynder

24. april 2008 - 17:24 #12

Er det måske muligt at ændre filen: src="/formular/images/gembilleder.gif ved onclick til f.eks: src="/formular/images/gembillederDISABLE.gif ?

Synes godt om

w13 Novice

24. april 2008 - 17:29 #13

Ja, så sætter du bare denne onclick på billedet:

onclick="this.setAttribute('src','/formular/images/gembilleder.gif')"

Synes godt om

bongii Nybegynder

24. april 2008 - 18:29 #14

Så får jeg et problem med mouse overen :)

Dvs. Når en bruger klikker upload - skifter billedet. Men mens den uploader, kan han køre musen over billedet og så kommer der en mouseover.

Synes godt om

w13 Novice

24. april 2008 - 18:45 #15

Så ret knappens onclick fra:

onclick="document.getElementById('load').style.display='block'"

til:

onclick="document.getElementById('load').style.display='block';document.getElementById('load').onclick=function(){this.setAttribute('src','/formular/images/gembilleder.gif')}"

Synes godt om

bongii Nybegynder

25. april 2008 - 11:11 #16

Jeg tror lidt du har misforstået mig :)

http://www.movievizion.dk/upload/test.html

Når man klikker på knappen, skal knappen ændres til gembilleder_klik.gif og blive der indtil siden er færdigloaded.

Synes godt om

w13 Novice

25. april 2008 - 11:12 #17

Jamen så:

onclick="document.getElementById('load').style.display='block';this.setAttribute('src','/formular/images/gembilleder.gif')"

Synes godt om

bongii Nybegynder

25. april 2008 - 11:27 #18

Lige nu ser knappen sådan ud:

Kan keg sætte en block på onmouseover og onmouseout og deaktivere klik når der klikkes(onclick)?

<input type="image" name="sub" onclick="document.getElementById('load').style.display='block';this.setAttribute('src','/formular/images/lukvindue.gif')" src="/formular/images/gembilleder.gif" onmouseover="this.src='/formular/images/gembilleder_hover.gif'" onmouseout="this.src='/formular/images/gembilleder.gif'" alt="" style="cursor:hand; cursor:pointer"/>

Jeg har fundet ud af, at den der animation virker i firefox, men ikke i ie.

Synes godt om

w13 Novice

25. april 2008 - 11:48 #19

Du vil blokere klik? Hvornår skal klik blokeres?

For:
document.getElementById('load').style.display='block';
skal vel køres, når man klikker?

Synes godt om

w13 Novice

25. april 2008 - 12:05 #20

Er det sådan, at man kun skal kunne klikke én gang, og derefter skal onclick blokeres? For det er:

onclick="document.getElementById('load').style.display='block';this.onclick=function(){}"

Synes godt om

bongii Nybegynder

25. april 2008 - 12:06 #21

Ja, men ellers kan brugeren blive ved med at klikke på knappen mens billedet står og uploader. Desuden vil mouseover og mouseout være aktive mens der uploades.

Synes godt om

w13 Novice

25. april 2008 - 12:07 #22

Prøv lige min sidste kode og se, om den ikke gør tricket.

Synes godt om

w13 Novice

25. april 2008 - 12:08 #23

Skal onmouseover og onmouseout så også stoppes, når man klikker første gang?

onclick="document.getElementById('load').style.display='block';this.onclick=this.onmouseover=this.onmouseout=function(){}"

Og hvis det ikke virker:

onclick="document.getElementById('load').style.display='block';this.onclick=function(){};this.onmouseover=function(){};this.onmouseout=function(){}"

Synes godt om

bongii Nybegynder

25. april 2008 - 12:24 #24

1000 tak. Nu virker det. Knappen ser nu således ud:
<input type="image" name="sub" onclick="document.getElementById('load').style.display='block';this.onclick=this.onmouseover=this.onmouseout=function(){}; this.setAttribute('src','/formular/images/sender.gif')" src="/formular/images/gembilleder.gif" onmouseover="this.src='/formular/images/gembilleder_hover.gif'" onmouseout="this.src='/formular/images/gembilleder.gif'" alt="" style="cursor:hand; cursor:pointer"/>

Det er noget af en knap :)

Synes godt om

w13 Novice

25. april 2008 - 13:01 #25

:P Jep. Og tak for point!

Synes godt om

bongii Nybegynder

25. april 2008 - 14:45 #26

nej nej det er mig der takker :)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	4	27/04/202620:09	36 minutter siden
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS