Avatar billede Dan Hansen Juniormester
02. marts 2006 - 21:12 Der er 7 kommentarer og
1 løsning

onmouserover med billede og statusbar funktion

<a href="contact.htm"
                onmouseover="window.status='How to contact me';  return true;"
                onmouseout="window.status='';  return true;">
                <img src="images/sml_lnk_contact.jpg" width="61" height="28" border="0" alt="How to contact me"></a></td>

Sådan ser min kode ud nu - nu vil jeg samtidig gerne have sådan, at når jeg kører musen hen over linket, så skifter den billedet ud med et der hedder "sml_lnk_contact2.jpg" og så tilbage når musen kører ud igen!
----------------------------

Ved siden af vil jeg gerne vide, hvad koden evt. skulle være, hvis jeg ville ha at den skulle forblive ændret, når jeg trykker på linket og at den evt. er tændt i det nye billede!
Men denne er ikke så vigtig!

Håber i vil hjælpe :)
Go' aften.
/Esbweb
Avatar billede miss-g Seniormester
03. marts 2006 - 02:35 #1
Avatar billede Dan Hansen Juniormester
03. marts 2006 - 10:04 #2
Nu ser min kode sådan ud, men den vil stadig ikke skifte billedet ud!
Hvad gør jeg forkert?

<a href="services.htm"
                onmouseover="window.status='Services and Prices';  return true;"
                onmouseover="document.images[1].src='images/sml_lnk_aboutme.jpg'"
                onmouseout="window.status='';  return true;"
                onmouseout="document.images[1].src='images/sml_lnk_services.jpg'">
                <img src="images/sml_lnk_services.jpg" width="70" height="29" border="0" alt="Services and Prices"></a>
Avatar billede Dan Hansen Juniormester
03. marts 2006 - 10:04 #3
har prøvet med [0] efter document.images også!
Avatar billede Dan Hansen Juniormester
03. marts 2006 - 10:21 #4
Har fundet ud af at tallet i [] er det nummer som billedet bliver indlæst som eller den rækkefølge billeder kommer i!

Jeg har også fået den til at skifte billedet ud, men så kan jeg ikke få den til at udføre window.status funktionen!!
Avatar billede mclemens Nybegynder
05. marts 2006 - 20:59 #5
<a href="services.htm" onmouseover="document.getElementById('image1').src='images/sml_lnk_aboutme.jpg';window.status='Services and Prices';  return true;" onmouseout="document.getElementById('image1').src='images/sml_lnk_services.jpg';window.status='';  return true;"><img src="images/sml_lnk_services.jpg" width="70" id="image1" height="29" border="0" alt="Services and Prices"></a>
Avatar billede Dan Hansen Juniormester
05. marts 2006 - 21:29 #6
mclemens >> Canon - det ser ud til at virke, men nu laver den så noget lidt træls noget!!

Hvis du kigger på dette link http://www.n-hansen.dk/index.html
Så ser du siden som den var før onmouseover billedskift!(men med status windows)

Kigger du nu på den fil, hvor jeg har ændret den ene af de 4 knapper i bunden, med den kode som du gav mig, så kan du se den forskyder noget af min grafik!?
Har du en ide til hvorfor? http://www.n-hansen.dk/index1.html
Avatar billede Dan Hansen Juniormester
05. marts 2006 - 21:40 #7
heh - fejl fundet - manglede en afslutning på en td tag ;)
Fik den løsning jeg manglede, så hvis mclemens vil ligge et svar :D
Avatar billede mclemens Nybegynder
05. marts 2006 - 23:52 #8
svar ;)
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