Avatar billede anne-m Nybegynder
11. februar 2005 - 10:44 Der er 8 kommentarer og
2 løsninger

celle skal skifte bg-farve ved hover

Hejsan ;o)

jeg vil høre om der er nogen kan svare på følgende.

en tabel der indeholder en menu.
2 kolonner, mange rows (afhængigt af menupunkter)

venstre kolonne har en farve der skal skifte når man kører musen over teksten(linket) i højre kolonne.

Jeg har set det mange gange – men ved ikke hvordan man gør det.

Jeg håber at I eksperter kan hjælpe.

/Anne-Marie.
Avatar billede fennec Nybegynder
11. februar 2005 - 10:56 #1
<table width="300" border="1">
<tr>
  <td id="td123">æsdjv lksd lsdnvsldk vsk</td>
  <td onmouseover="changeColor('td123','123456')" onmouseout="changeColor('td123','ffffff')">sldjksd</td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function changeColor(TdID,color)
{
  var obj = document.getElementById(TdID);
  obj.style.backgroundColor = color;
}
//-->
</SCRIPT>
Avatar billede roenving Novice
11. februar 2005 - 13:32 #2
-- og en generisk fætter kunne se sådan ud:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
table{background-color:green;}
</style>
<script language="javascript" type="text/javascript">
<!--
function changeColor(td,color)
{
  td.parentNode.getElementsByTagName('TD')[0].style.backgroundColor = color;
}
//-->
</script>
</head>

<body>
<table width="300" border="1">
<tr>
  <td id="td123">æsdjv lksd lsdnvsldk vsk</td>
  <td onmouseover="changeColor(this,'#123456')" onmouseout="changeColor(this,'')">sldjksd</td>
</tr>
<tr>
  <td id="td123">æsdjv lksd lsdnvsldk vsk</td>
  <td onmouseover="changeColor(this,'#123456')" onmouseout="changeColor(this,'')">sldjksd</td>
</tr>
<tr>
  <td id="td123">æsdjv lksd lsdnvsldk vsk</td>
  <td onmouseover="changeColor(this,'#123456')" onmouseout="changeColor(this,'')">sldjksd</td>
</tr>
</table>
Avatar billede roenving Novice
11. februar 2005 - 13:33 #3
-- hov, jeg fik ikke fjernet id'en, der jo ikke må forekomme flere gange ,-(
Avatar billede roenving Novice
11. februar 2005 - 13:34 #4
-- og så kan man også lægge det på td nr. 2 osv. ved at ændre på indekset ( [0] !-)
Avatar billede anne-m Nybegynder
11. februar 2005 - 14:15 #5
Hold da op! i er helt fantastiske :o) tusinde tak for hjælpen
det virker super.

læg et svar
Avatar billede roenving Novice
11. februar 2005 - 14:28 #6
Velbekomme '-)
Avatar billede anne-m Nybegynder
11. februar 2005 - 15:08 #7
fennec--> lægger du et svar også?
Avatar billede fennec Nybegynder
12. februar 2005 - 12:56 #8
svar
.o) <-- One Eyed Jack
Avatar billede anne-m Nybegynder
14. februar 2005 - 08:32 #9
Tak for hjælpen.
Lukker.
Avatar billede roenving Novice
14. februar 2005 - 12:42 #10
-- og jeg takker 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