Avatar billede mariager13 Nybegynder
04. december 2002 - 11:20 Der er 2 kommentarer og
1 løsning

OnMouseOver på tabel?

Hvordan laver jeg en OnMouse over på en tabel-celle, således at den skifter farve når musen er over, og skifter tilbage igen,  når man fjerner musen?
Avatar billede di8leva Nybegynder
04. december 2002 - 11:28 #1
nå, du menar såhær:

<html>
<SCRIPT LANGUAGE="JavaScript">
function change(id, over)
{
    element = document.getElementById(id);
    if(over)
    {
        element.style.background = "#FF0000";
    }
    else
    {
        element.style.background = "#000000";
    }
}
</script>
<body bgcolor="#000000" text="#FFFFFF">
<table border=1>
<tr>
<td id=cell1 onMouseOver="change('cell1', true);" onMouseOut="change('cell1', false);">hello</td>
<td id=cell2 onMouseOver="change('cell2', true);" onMouseOut="change('cell2', false);">people</td>
</tr>
</table>




??
Avatar billede nordclc Nybegynder
04. december 2002 - 11:34 #2
<html>
<head>
<script language="JavaScript">
  function co(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorvalbg = '#C5C5A9'
    } else if (mode=="out") {
      cursortype = ''
      colorvalbg = '#989868'
    }
  element.style.background=colorvalbg;
  element.style.cursor=cursortype;
}
</script>
</head>

<body bgcolor="#FFFFFF">
<div align="center">
  <center>
    <table cellpadding="0" cellspacing="0" width="633" border="0">
      <tr>             
        <td width="78" height="18" valign="bottom" onmouseover="co(this,'in');" onmouseout="co(this,'out');" bgcolor="#989868" align="center">
          <a href="dinside.htm">Link 1</a>
        </td>
        <td width="78" height="18" valign="bottom" onmouseover="co(this,'in');" onmouseout="co(this,'out');" bgcolor="#989868" align="center">
          <a href="dinside2">Link 2</a>
        </td>
      </tr>
    </table>
  </center>
</div>
</body>
</html>


//nordclc
Avatar billede mariager13 Nybegynder
04. december 2002 - 12:10 #3
Tak :)
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