Avatar billede title-mj Nybegynder
24. marts 2004 - 13:20 Der er 7 kommentarer

rollover på tabel

er der en der ved hvordan jeg laver en rollover på min tabel,
så når man flytter musen hen over tabellen skifter den farve?
Avatar billede cdc Novice
24. marts 2004 - 13:24 #1
er det et link i tabellen ?
Avatar billede cdc Novice
24. marts 2004 - 13:27 #2
jeg bruger selv denne i <head>

<SCRIPT LANGUAGE="JScript">

function mOvr(src,clrOver){
  if (!src.contains(event.fromElement)){
    src.style.cursor = 'default';
    src.bgColor = clrOver;
  }
}
function mOut(src,clrIn){
  if (!src.contains(event.toElement)){
    src.style.cursor = 'default';
    src.bgColor = clrIn;
  }
}
function mClk(src){
  if(event.srcElement.tagName=='TR')
    src.children.tags('A')[0].click();
}
function mClk(src,clrIn){
  if(event.srcElement.tagName=='TR')
    src.children.tags('A')[0].click();
  src.bgColor = clrIn;
}

</script>

og denne på <tr>

<tr onmouseover='mOvr(this,"#ebebeb");' onmouseout='mOut(this,"#ffffff");' onclick="mClk(this);">
Avatar billede roenving Novice
24. marts 2004 - 16:39 #3
>>/cdc

Er fromElement og tags ikke ie-specifikke ?-)
Avatar billede roenving Novice
24. marts 2004 - 16:45 #4
Simpelt -- og fuldt kompatibelt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tabel-baggrund mouseover</title>
<meta name="keywords" content="http://www.eksperten.dk/spm/481341">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>
<script language="javascript" type="text/javascript">

</script>
</head>
<body>
<table onmouseover="this.style.backgroundColor='lightgreen'" onmouseout="this.style.backgroundColor='purple'" style="background-color:purple">
  <tr>
    <td>Celle1</td>
    <td>Celle2</td>
    <td>Celle3</td>
  </tr>
  <tr>
    <td>Celle4</td>
    <td>Celle5</td>
    <td>Celle6</td>
  </tr>
  <tr>
    <td>Celle7</td>
    <td>Celle8</td>
    <td>Celle9</td>
  </tr>
  <tr>
    <td>Celle10</td>
    <td>Celle11</td>
    <td>Celle12</td>
  </tr>
</table>
</body>
</html>
Avatar billede cdc Novice
24. marts 2004 - 16:46 #5
roenving, det har du sikkert ret i, men den ligger også på et site hvor kunden kun skulle have den til at virke 100% i ie, så der kan man gå på kompremis :o)
Avatar billede title-mj Nybegynder
23. april 2004 - 11:06 #6
tak for hjælpen
Avatar billede roenving Novice
23. april 2004 - 13:32 #7
Velbekomme '-)
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
Computerworld tilbyder specialiserede kurser i database-management

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