Avatar billede konder Nybegynder
17. februar 2002 - 22:06 Der er 6 kommentarer og
1 løsning

onMouseOver

Jeg har en tabel med to celler. I den ene står de klare links feks til Hund Kat og Hest. Kan jeg på onMouseOver på disse links få vist henholdsvis hund.gif kat.gif og hest.gif i celle 2
Avatar billede nikolajdu Nybegynder
17. februar 2002 - 22:21 #1
Sådan i den her stil??

<table>
<tr>
<td>
<a href="#" onmouseover="document.images['hund'].src='hund.gif'" onmouseover="document.images['hund'].src='blank.gif'">Hund du</a>
<td>
<img name="hund" src="blank.gif">
</td>
</tr>
<tr>
<td>
<a href="#" onmouseover="document.images['kat'].src='kat.gif'" onmouseover="document.images['kat'].src='blank.gif'">Hund du</a>
<td>
<img name="hund" src="kat.gif">
</td>
<tr>
</table>

/Nikolaj
Avatar billede konder Nybegynder
17. februar 2002 - 22:42 #2
1. skifter den ikke blot et billed ud med et andet?
2. Nå det alm. links Hund(bogstaver) får OnMouseOver skal der vises et billed i en anden celle i tabellen.
Avatar billede Slettet bruger
17. februar 2002 - 22:50 #3
<head>
<script LANGUAGE="javascript">

<!--


imgpath="images/"
imgtype=".jpg"
currID = 5
imgname=new Array();

imgname[0] = "img1";
imgname[1] = "img2";
imgname[2] = "img3";
imgname[3] = "img4";

function fnimgswap(id)
{
if (id != currID)
{
document.images["imgswap"].src=imgpath+imgname[id]+imgtype;
currID = id;
}
else
{
document.images["imgswap"].src='images/img0.jpg'
currID = id+1;
}
}

function displayWindow(url, width, height)
{
var Win = window.open(url,"displayWindow",'width=' + width + ',height=' + height + ',left=0,top=0,resizable=no,scrollbars=no,menubar=no,status=no' );

}
//-->

</script>
</head>
<body>
<table border="0" cellPadding="0" cellSpacing="0" width="500">
<tr>
<td align="center" vAlign="top" width="500" class=format>
<table BORDER="3" CELLSPACING="5" CELLPADDING="5">
<tr>
<td>
<a href="java script:displayWindow('images/L-img1.jpg',333,423)" onmouseover="java script:fnimgswap('0')" onMouseout="java script:fnimgswap('0')">Billede 1</a>
</td>
<td rowspan=4><img id="imgswap" name="imgswap" src="images/img0.jpg" width="125" height="160"></td>
</tr>
<tr>
<td>
<a href="java script:displayWindow('images/L-img2.jpg',333,423)" onmouseover="java script:fnimgswap('1')" onMouseout="java script:fnimgswap('1')">Billede 2</a>
</td>
</tr>
<tr>
<td><a href="java script:displayWindow('images/L-img3.jpg',333,423)" onmouseover="java script:fnimgswap('2')" onMouseout="java script:fnimgswap('2')">Billede 3</a></td>
</tr>
<tr>
<td>
<a href="java script:displayWindow('images/L-img4.jpg',333,423)" onmouseover="java script:fnimgswap('3')" onMouseout="java script:fnimgswap('3')">Billede 4</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>

håber det hjælper dig *SS*

mvh.
http://www.questis.dk
Avatar billede nikolajdu Nybegynder
17. februar 2002 - 23:00 #4
Sådan så??

<table>
<tr>
<td>
<a href="#" onmouseover="document.images['billedet'].src='hund.gif'" onmouseover="document.images['billedet'].src='blank.gif'">Hund du</a>
</td>
</tr>
<tr>
<td>
<a href="#" onmouseover="document.images['billedet'].src='kat.gif'" onmouseover="document.images['billedet'].src='blank.gif'">Hund du</a>
</td>
</tr>
<tr>
<td>
<img name="billedet" src="blank.gif">
</td>
</tr>
</table>
Avatar billede nikolajdu Nybegynder
18. marts 2002 - 22:55 #5
Har du fundet ud af noget?
Avatar billede konder Nybegynder
19. marts 2002 - 00:01 #6
Ja jeg har fået det til at virke fint
Avatar billede nikolajdu Nybegynder
19. marts 2002 - 00:02 #7
ok tak for point :))
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