Avatar billede michaelb-er-slettet Nybegynder
17. februar 2003 - 21:55 Der er 7 kommentarer og
1 løsning

Mouse-over i tabel

Hvordan laver jeg det sådan at der kommer et nyt billede frem som baggrund i denne td når musen holdes over?

<a href="menu1.asp"><td width="114" background="menu2.gif" style="border-style: solid; border-width: 1px; border-color: #000000;">
&nbsp;Sidste nyt
</td>

Mvh. Michael
Avatar billede pelkjaer Nybegynder
17. februar 2003 - 22:00 #1
<td width="114" style="border:1px #000000 solid; background-image:url(menu2.gif);" onmouseover="this.style.backgroundImage='url(menu2_o.gif)';">
&nbsp;Sidste nyt
</td>
Avatar billede mm12010 Nybegynder
17. februar 2003 - 22:00 #2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#myCell {
    background-image: url("pic2.gif");

}
.over {
    background-image: url("pic1.gif");
;
}
.out {
    background-image: url("pic2.gif");
;
}
-->
</style>
<script type="text/javascript">
var selected_id = null;
var dom = document.getElementById;

function swapIt(id, newclass) {
    if (dom) {
        if(selected_id != id) {
        el = document.getElementById(id);
        el.className = newclass;
        el.style.cursor = "hand";
        el.style.cursor = "pointer";
        }
    }
}
</script>
</head>
<body>

<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="myCell" class="out"  onmouseover="swapIt('myCell','over')" onmouseout="swapIt('myCell','out')">test</td>
</tr>
</table>

</body>
</html>

-------------------------------------------------------------------------

http://www.eksperten.dk/spm/288364
Avatar billede pelkjaer Nybegynder
17. februar 2003 - 22:02 #3
mm12010>>Jeg er ked af at have vist dig hvordan du skifter klasser i js.
Det er langsomt - så langsomt at MS fraråder det. Grunden dertil, er at hele sidens css struktur skal genindlæses hver gang et skift foretages, derfor - skift direkte på elementen istedet sådan som jeg viser øverst.
Avatar billede mm12010 Nybegynder
17. februar 2003 - 22:11 #4
pelkjaer >> hmm, ok - det anede jeg ikke, jeg har ikke erfaret mig nogen problemer med det i det omfang jeg brugt det. Men tak for at du gjorde opmærksom på det :o)
Avatar billede michaelb-er-slettet Nybegynder
17. februar 2003 - 22:13 #5
så skal billedet bare skifte tilbage bagefter
Avatar billede michaelb-er-slettet Nybegynder
17. februar 2003 - 22:15 #6
løste selv problemer med onmouseout="this.style.backgroundImage='url(menu2.gif)';" så tak for hjælpen :)
Avatar billede pelkjaer Nybegynder
17. februar 2003 - 22:16 #7
michaelb>>Ja det hjælper lige at kigge en ekstra gang - tak for point :)
Avatar billede michaelb-er-slettet Nybegynder
17. februar 2003 - 22:27 #8
hehe
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