Avatar billede php_newbie Nybegynder
19. april 2001 - 13:59 Der er 9 kommentarer og
1 løsning

Skifter billede når man kører over og trykker på billedet (HASTER)

Hej...

jeg har selv forsøgt at lave sådan et slags script så når man kører over submit knappen (er et billede) skifter den til fx send_besked2.gif og når man trykker på skifter den til send_besked3.gif og når den bare står er det send_besked1.gif som man ser.

Er der noget der har en idé til en løsning ?

Funktion skal kunne bruges til at mine forms på siden, så det skal være en slags funktion der virker til alle sammen!

Jeg vil helst ikke have et latterligt link, med mindre det lige passer.

På forhånd tak!!

NB: jeg er ikke så god til javascripts så det må gerne være meget nemt at rette !
Avatar billede nute Nybegynder
19. april 2001 - 14:01 #1
<img src=\"bilde.gif\" onMouseOver=\"bilde2.gif\" onMouseOut=\"bilde.gif\">

/nute
Avatar billede egede Nybegynder
19. april 2001 - 14:01 #2
du kunne også lave den i flash.
Avatar billede dudal Nybegynder
19. april 2001 - 14:03 #3
<img src=\"send_besked1.gif\" onMouseOver=\"this.src=\'send_besked2.gif\';\"  onMouseOut=\"this.src=\'send_besked1.gif\';\"  onClick=\"this.src=\'send_besked3.gif\';document.formnavn.submit();\">

/dudal
Avatar billede dudal Nybegynder
19. april 2001 - 14:04 #4
Så skal du erstatte formanvn med navnet på den form der skal submittes...
Avatar billede nute Nybegynder
19. april 2001 - 14:06 #5
hehe...sånn går det når man får panikk over noen \"enkle\" poeng, men sitter i telefonen...man klarer ikke å konserntrere seg over de enkleste ting og dermed så poster man en merkelig løsning som det jeg gjorde... jeg mente selvfølgelig det som dudal postet :-D
Avatar billede coinz Nybegynder
19. april 2001 - 14:10 #6
jamen brug dog en OnMouseOver effekt det er da så let som det bliver....

-coinz-
Avatar billede php_newbie Nybegynder
19. april 2001 - 14:14 #7
Tak!!

jeg troede at det var et større forsøg, men NEJ :)
Avatar billede myplacedk Nybegynder
19. april 2001 - 14:14 #8
En lille forbedring af dudal\'s forslag;

i din <head>-sektion:
<script>
mouseOut = new Image();
mouseOut.src = \"normal.gif\";
mouseOver = new Image();
mouseOver.src = \"over.gif\";
mouseClick = new Image();
mouseClick.src = \"over.gif\";
var noClick=true;
</script>

Og billedet:
<img src=\"send_besked1.gif\" onMouseOver=\"this.src=mouseOver.src;\"  onMouseOut=\"if(noClick)this.src=mouseOut.src;\"  onClick=\"noClick=false;this.src=mouseClick.src;document.formnavn.submit();\">

Dette betyder at billederne bliver hentet FØR de skal bruges. Så går der ikke 2 sekunder fra musen er over billedet til det skifter. :)
Desuden tages der også hensyn til følgende situation:
Man klikker på billedet, og fjerne musen igen før dokumentet forsvinder. Og så ser man \"mouseOut\" billedet...
Avatar billede dudal Nybegynder
19. april 2001 - 14:17 #9
Der har du helt ret myplace. :-)

Man har vel lov at være liiidt doven ikk\' :o)

/dudal
Avatar billede myplacedk Nybegynder
19. april 2001 - 14:19 #10
dudal> Jow... Det kan også gøres bedre end det jeg skrev... :)
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