---

Hej

Jeg har en table cirka sådan her

<table>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>,,,</td>
<td>,,,</td>
<td>,,,</td>
</tr>
</table>


Når man fører musen over en af rækkerne med indhold ... så skal ALLE 3
rækker med ... ændre baggrundsfarve, og selvfølgelig det samme med ,,,
rækkerne.

Hvordan løses det?

Jeg kan ikke bruge <td onmouseover...> da det jo kun virker på den ene
celle.

---

Hej Martin

Jeg lavede for nogen tid et eksempel på nedenstående - dog markerer den
også kolonner, men det kan let fjernes:

<http://www.chrsen.dk/fundanemt/files/scripter/javascript/misc/tblmo.html>

Mvh Christian

Martin wrote:
> Hej
>
> Jeg har en table cirka sådan her
>
> <table>
> <tr>
> <td>...</td>
> <td>...</td>
> <td>...</td>
> </tr>
> <tr>
> <td>,,,</td>
> <td>,,,</td>
> <td>,,,</td>
> </tr>
> </table>
>
>
> Når man fører musen over en af rækkerne med indhold ... så skal ALLE 3
> rækker med ... ændre baggrundsfarve, og selvfølgelig det samme med ,,,
> rækkerne.
>
> Hvordan løses det?
>
> Jeg kan ikke bruge <td onmouseover...> da det jo kun virker på den ene
> celle.

---

Christian Hansen wrote:
> Hej Martin
>
> Jeg lavede for nogen tid et eksempel på nedenstående - dog markerer den
> også kolonner, men det kan let fjernes:
>
> <http://www.chrsen.dk/fundanemt/files/scripter/javascript/misc/tblmo.html>
>

Orv, den er jo bare helt perfekt.
Nu har jeg rodet lidt med det hele, med mine rimelig latterlige skills i
javascript, så det har endnu ikke lykkedes mig at fjerne kolonne farverne.

Er det sådan at du lige kan give mig et lille hint til det? :)

PS: Er det også muligt at bruge en class fra en CSS istedet for online
baggrundsfarve?

Fx
..mouseover
og
..mouseout

---

Martin wrote:
> Christian Hansen wrote:
>
> Orv, den er jo bare helt perfekt.
> Nu har jeg rodet lidt med det hele, med mine rimelig latterlige skills i
> javascript, så det har endnu ikke lykkedes mig at fjerne kolonne farverne.
>
> Er det sådan at du lige kan give mig et lille hint til det? :)

Fjern linjen :

else if ( d == cell) cells[d].style.backgroundColor = "#eeeeee";

i funktionen mCell.

> PS: Er det også muligt at bruge en class fra en CSS istedet for online
> baggrundsfarve?
>
> Fx
> .mouseover
> og
> .mouseout


Jep - i stedet for eksempelvis:

cells[d].style.backgroundColor


Skriver du:

cells[d].className = "cssklasse";

altså erstattes style.backgroundColor med className

Mvh Christian

---

Christian Hansen wrote:
> Fjern linjen :
>
> else if ( d == cell) cells[d].style.backgroundColor = "#eeeeee";
>
> i funktionen mCell.

Hold da op, det er bare helt genialt :)

>
> Jep - i stedet for eksempelvis:
>
> cells[d].style.backgroundColor
>
> Skriver du:
>
> cells[d].className = "cssklasse";

Det var jo næsten nemt :)

>
> altså erstattes style.backgroundColor med className
>
> Mvh Christian

Et lille ekstra spørgsmål.
Er det muligt at få fjernet mouseover tingen på <th> felterne?
Jeg kan ikke finde nogen steder hvor du hverken angiver <td> eller
noget, og med min begrænsede viden om javascript, så dutter jeg nok ikke
til at lave det om.
PS: Hvis det er noget der tager laaang tid at lave, så bare lad vær, jeg
kan sagtens bruge det som det er nu.

---

"Christian Hansen" wrote in message...

> Hej Martin
>
> Jeg lavede for nogen tid et eksempel på nedenstående - dog markerer
den
> også kolonner, men det kan let fjernes:
>
>
<http://www.chrsen.dk/fundanemt/files/scripter/javascript/misc/tblmo.htm
l>

Eh, for en som ikke er helt inde i Javascript, hvordan fjerner man
kolonner fra scriptet?

MVH
Rune

---

On Mon, 29 May 2006 13:12:26 +0200
Martin <maa@scandesigns.dk> wrote:

> Hej
>
> Jeg har en table cirka sådan her
>
> <table>
> <tr>
> <td>...</td>
> <td>...</td>
> <td>...</td>
> </tr>
> <tr>
> <td>,,,</td>
> <td>,,,</td>
> <td>,,,</td>
> </tr>
> </table>
>
>
> Når man fører musen over en af rækkerne med indhold ... så skal ALLE
> 3 rækker med ... ændre baggrundsfarve, og selvfølgelig det samme
> med ,,, rækkerne.
>
> Hvordan løses det?
>
> Jeg kan ikke bruge <td onmouseover...> da det jo kun virker på den
> ene celle.

når du siger rækker, så gætter jeg på du mener kolonner. I så fald
burde dette virke:

<div id="highlight">
<table>
<tr >
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>,,,</td>
<td>,,,</td>
<td>,,,</td>
</tr>
</table>
</div>

og så i CSS:

div#highlight tr{
   background-color: #ffffff;
}
div#highlight tr:hover{
   background-color: #ff0000;
}

---

Kim Schulz wrote:

> når du siger rækker, så gætter jeg på du mener kolonner. I så fald
> burde dette virke:

> og så i CSS:
>
> div#highlight tr{
> background-color: #ffffff;
> }
> div#highlight tr:hover{
> background-color: #ff0000;
> }

Jeg tror, du roder noget sammen her.

Rækker - markeret med <tr> - er vandrete cellerækker.
Kolonner er lodret og kan markeres med <colgroup> og <col>.

http://hjemmesideskolen.dk/html/tabel.asp?id=tabcolgroup

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/

---

"Kim Schulz" wrote in message...

>når du siger rækker, så gætter jeg på du mener kolonner. I så fald
>burde dette virke:

<kodesnip>

Hover virker ikke i IE op til vers. 6 (ved ikke med 7eren) på andet end
links. Ellers er idéen skam god nok.

MVH
Rune

---

On Wed, 31 May 2006 01:53:38 +0200
"Erik Ginnerskov" <erik@donotspammmeplease.invalid> wrote:

> Kim Schulz wrote:
>
> > når du siger rækker, så gætter jeg på du mener kolonner. I så fald
> > burde dette virke:
>
> > og så i CSS:
> >
> > div#highlight tr{
> > background-color: #ffffff;
> > }
> > div#highlight tr:hover{
> > background-color: #ff0000;
> > }
>
> Jeg tror, du roder noget sammen her.
>
> Rækker - markeret med <tr> - er vandrete cellerækker.
> Kolonner er lodret og kan markeres med <colgroup> og <col>.
>
> http://hjemmesideskolen.dk/html/tabel.ashttp://www.456bereastreet.com/archive/200605/levels_of_html_knowledge/p?id=tabcolgroup
>


læs hvad han skrev. han skrev :
"så skal ALLE 3 rækker med"

men da hans eksempel har 3 kolonner og ikke 3 rækker så kommenterede jeg
på dette. men hvis du vil have det penslet ud så gætter jeg på at han
vil have alle a table data cells i samme table row markeret ved
mouse-over på blot en af de pågældende table data cells.