Notifikationer

Markér alle som læst Log ud

Slettet bruger

19. februar 2002 - 14:55 Der er 22 kommentarer og
1 løsning

onMouseOver fra en td til en anden td!

Mit spørgsmål er flg.: jeg skal lave en "image rollover" der virker når man laver MouseOver på hej ell. hallo, og rolloveren skal så skifte billedet i td:main ud med et nyt billede!

<body>
<table>
<tr>
<td name="main"><img src="billede 1"></td>
</tr>
</table>
<table>
<tr>
<td>hej</td>
<td>hallo</td>
</tr>
</table>

</body>
</html>

Synes godt om

speedy Nybegynder

19. februar 2002 - 15:29 #1

Prøv dette:

<html>
<body>
<table>
<tr>
<td name="main"><img id="billede" src="billede1.gif"></td>
</tr>
</table>
<table>
<tr>
<td onMouseOver="document.all.billede.src = 'billede2.gif';" onMouseOut="document.all.billede.src = 'billede1.gif';">hej</td>
<td onMouseOver="document.all.billede.src = 'billede3.gif';" onMouseOut="document.all.billede.src = 'billede1.gif';">hallo</td>
</tr>
</table>
</body>
</html>

/SpEeDy

Synes godt om

Slettet bruger

19. februar 2002 - 15:49 #2

hmm. Jeg afprøver lige..:)

Synes godt om

Slettet bruger

19. februar 2002 - 16:02 #3

Dette er self. kun et brudstykke af koden :), MEN det virker vist ikke, medmindre jeg er så træt at jeg har lavet en eller anden dummefejl :)

<table width="215" height="420" border="0" cellpadding="0" cellspacing="0">
<tr height="420">
<td width="215"><img id="cirkel" src=".\img\startside\cirkel.jpg"></td>
</tr>
</table>
</td>
<td>
<table width="545" height="420" border="0" cellpadding="0" cellspacing="0">
<tr height="63">
<td width="120"><img src=".\img\startside\logohouse_01.jpg"></td>
<td width="225"><img src=".\img\startside\logohouse_02.jpg"></td>
<td width="200"><img src=".\img\startside\logohouse_03.jpg"></td>
</tr>
<tr height="49">
<td width="120" onMouseOver="document.all.billede.src = '.\img\startside\fade_kokke.jpg';" onMouseOut="document.all.billede.src = '.\img\startside\cirkel.jpg';"><img src=".\img\startside\kokke_txt.jpg"></td>
<td width="225"><img src=".\img\startside\baggrund_01.gif"></td>
<td width="200"><img src=".\img\startside\jydenlogo.gif"></td>
</tr>

Synes godt om

Slettet bruger

19. februar 2002 - 16:04 #4

mangler der måske en reference til hvilken <td> billedet skal skifte i???
(img id="cirkel")

Synes godt om

Slettet bruger

19. februar 2002 - 16:06 #5

fejlmeddelelse: document.all.billede er ikke et objekt

Synes godt om

Slettet bruger

19. februar 2002 - 16:06 #6

(hvis du gerne vil have hele koden at gå ud fra, kan du self. bare få den!)

Synes godt om

Slettet bruger

19. februar 2002 - 16:10 #7

lol har fundet første dumme fejl!
prøver lige dit forslag igen!

Synes godt om

speedy Nybegynder

19. februar 2002 - 16:10 #8

Da dit billedes id er ændret til cirkel, skal du også ændre i dine mouseover funktioner...

i stedet for document.all.billede.src skal der stå document.all.cirkel.src

/SpEeDy

Synes godt om

Slettet bruger

19. februar 2002 - 16:14 #9

her er den ny kode.... Virker stadig ikke efter jeg har ændret billede til cirkel :(

<table width="215" height="420" border="0" cellpadding="0" cellspacing="0">
<tr height="420">
<td width="215"><img id="cirkel" src=".\img\startside\cirkel.jpg"></td>
</tr>
</table>
</td>
<td>
<table width="545" height="420" border="0" cellpadding="0" cellspacing="0">
<tr height="63">
<td width="120"><img src=".\img\startside\logohouse_01.jpg"></td>
<td width="225"><img src=".\img\startside\logohouse_02.jpg"></td>
<td width="200"><img src=".\img\startside\logohouse_03.jpg"></td>
</tr>
<tr height="49">
<td width="120" onMouseOver="document.all.cirkel.src ='.\img\startside\fade_kokke.jpg';" onMouseOut="document.all.cirkel.src ='.\img\startside\cirkel.jpg';"><img src=".\img\startside\kokke_txt.jpg"></td>
<td width="225"><img src=".\img\startside\baggrund_01.gif"></td>
<td width="200"><img src=".\img\startside\jydenlogo.gif"></td>
</tr>

Synes godt om

Slettet bruger

19. februar 2002 - 16:18 #10

Har lige ændret lidt i koden...

<table width="215" height="420" border="0" cellpadding="0" cellspacing="0">
<tr height="420">
<td width="215"><img id="cirkel" src=".\img\startside\cirkel.jpg"></td>
</tr>
</table>
</td>
<td>
<table width="545" height="420" border="0" cellpadding="0" cellspacing="0">
<tr height="63">
<td width="120"><img src=".\img\startside\logohouse_01.jpg"></td>
<td width="225"><img src=".\img\startside\logohouse_02.jpg"></td>
<td width="200"><img src=".\img\startside\logohouse_03.jpg"></td>
</tr>
<tr height="49">
<td width="120"><img src=".\img\startside\kokke_txt.jpg" onMouseOver="document.all.cirkel.src ='.\img\startside\fade_kokke.jpg';" onMouseOut="document.all.cirkel.src ='.\img\startside\cirkel.jpg';"></td>
<td width="225"><img src=".\img\startside\baggrund_01.gif"></td>
<td width="200"><img src=".\img\startside\jydenlogo.gif"></td>
</tr>

Synes godt om

speedy Nybegynder

19. februar 2002 - 16:19 #11

hmm...den kode du skriver der virker fint hos mig....

Har du den et sted på nettet, så jeg kan se den i "aktion" :D

/SpEeDy

Synes godt om

Slettet bruger

19. februar 2002 - 16:19 #12

har bare flyttet mouseover funktionen fra <td> til <img>!

Synes godt om

Slettet bruger

19. februar 2002 - 16:19 #13

hmm. 2 sek.

Synes godt om

Slettet bruger

19. februar 2002 - 16:21 #14

den ligger her!

http://www.grey.wecreateit.dk/jyden/index.htm

Synes godt om

speedy Nybegynder

19. februar 2002 - 16:27 #15

hmmm...Der er jo en masse andre fejl, som ikke har med billed-skiftet at gøre...

/SpEeDy

Synes godt om

Slettet bruger

19. februar 2002 - 16:29 #16

dem har jeg fjernet nu!

Synes godt om

speedy Nybegynder

19. februar 2002 - 16:38 #17

Erstat:

onMouseOver="document.all.cirkel.src ='.\img\startside\fade_kokke.jpg';" onMouseOut="document.all.cirkel.src ='.\img\startside\cirkel.jpg';"

med

onMouseOver="document.all.cirkel.src ='img/startside/fade_kokke.jpg';" onMouseOut="document.all.cirkel.src ='img/startside/cirkel.jpg';"

/SpEedy

Synes godt om

Slettet bruger

19. februar 2002 - 16:42 #18

grunden til at ".\" står der er at filerne ligge på en FreeBSD server, der bruger .\ i directory strukturen, men jeg prøver lige alligevel:)

Synes godt om

Slettet bruger

19. februar 2002 - 16:44 #19

JA SQ. Nu virkede det!!!!!

Synes godt om

Slettet bruger

19. februar 2002 - 16:44 #20

Kanon!
Points til dig!!!!

Synes godt om

Slettet bruger

19. februar 2002 - 16:46 #21

Tak for hjælpen!!!

Synes godt om

Slettet bruger

19. februar 2002 - 16:49 #22

lolda. i scriptet virker det kun hvis der er "slash" ikke "backslash"
Men overalt på resten af siden virker det fint med backslash!!!

Synes godt om

speedy Nybegynder

19. februar 2002 - 17:06 #23

tjaa..det er sikkert fordi IE selv "oversætter" "backslash" til "slash".

Brug altid slash når du laver hjemmesider...

/SpEeDy

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

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering	4	23/04/202616:10	21/08/202611:03
Hjælp til Api.asmx Af lurup i Andet programmering	1	17/03/202609:27	17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering	2	12/11/202514:10	21/08/202611:08
Hjælp til programmering af website Af hamdenlange i Andet programmering	16	17/08/202522:26	19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering	8	24/07/202513:06	28/07/202517:03

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