Hej,

Har problem med ett javascript som byter färg på en tabellrad när musen är över.

Så här ser det ut:
<code>
<script language="Javascript">
function over_menu(obj) {
obj.style.backgroundColor='#E5E4F2';
obj.document.parentWindow.event.cancelBubble='true';
}
function off_menu(obj)
{
obj.style.backgroundColor='';
obj.document.parentWindow.event.cancelBubble='true';
}
</script>
</code>
Det anropar jag så här:
<code>
<table>
<tr onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<td>Dokumentnamn</td>
</tr>
</table>
</code>
Jättelätt, inga problem. Problemet kommer sen...
Dessa rader loppas ut och är en lista med olika dokument.
Men vissa dokument har en kort beskrivning också och i så fall skrivs en ny rad ut med beskrivningen. Då ser det ut så här:
<code>
<table>
<tr onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<td>Dokumentnamn</td>
</tr>
<tr onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<td>Beskrivning</td>
</tr>
</table>
</code>
Fast jag vill ju att när man har musen över en av raderna(ovasett vilken) skall båda raderna byta färg samtidigt.

Jag kan inte lägga anropet i tabellen eftersom det är bra EN tabell. Det är ju bara raderna som loopas ut.

Förstår ni hur jag menar?

/Jocke

Varför inte lägga det på table, fungerar inte det?

<table onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<tr>
<td>Dokumentnamn</td>
</tr>
<tr>
<td>Beskrivning</td>
</tr>
</table>

Är också inne på unefär samma linje, men ändå inte! =)
<code>
<table>
<tr onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<td>Dokumentnamn</td>
</tr>
<tr onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<td>Dokumentnamn</td>
</tr>
<tr onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<td>
<table>
<tr>
<td>Dokumentnamn</td>
</tr>
<tr>
<td>Beskrivning</td>
</tr>
</table>
</td>
</tr>
</table>
</code>

<TR Id="RadEtt">
<TD>Rad ett</TD>
</TR>

<TR OnMouseOver="this.style.backgroundColor='#4A5774'; RadEtt.style.backgroundColor='#6981B3';" OnMouseOut="this.style.backgroundColor=''; RadEtt.style.backgroundColor='';">

<TD>Rad två</TD>
</TR>

Ok
Funkar fint för mig ,hoppas det kan hjälpa lite.

Tack för svaren!

Jag kan inte ha det i olika tabeller(lång förklaring varför så jag hoppar den...).
Jag är inne på det sista förslaget som du skrev, Wander.

Fast jag anropar en funktion ochnär jag gör det får jag:
obj.style is null or not an object..
Eller något liknande..
Så här ser min kod ut:
Funktionen:
<code>
<script language="Javascript">
function over_menu(obj,obj2) {
obj.style.backgroundColor='#E5E4F2';
obj.document.parentWindow.event.cancelBubble='true';
obj2.style.backgroundColor='#E5E4F2';
obj2.document.parentWindow.event.cancelBubble='true';
}
function off_menu(obj,obj2)
{
obj.style.backgroundColor='';
obj.document.parentWindow.event.cancelBubble='true';
obj2.style.backgroundColor='';
obj2.document.parentWindow.event.cancelBubble='true';
}
</script>
</code>
Jag anropar den så här:
<code>
<%
While Not rs.EOF
FirstRowID = rs("ID") & "_1"
SecondRowID = rs("ID") & "_2"
%>
<tr id="<%=FirstRowID%>" onmouseover="over_menu(this,<%=SecondRowID%>);" onmouseout="off_menu(this,<%=SecondRowID%>);">
<td>Blabla</td>
<td>Bla igen..</td>
</tr>
<tr id="<%=SecondRowID%>" onmouseover="over_menu(this,<%=FirstRowID%>);" onmouseout="off_menu(this,<%=FirstRowID%>);">
<td>Blabla</td>
<td>Bla igen..</td>
</tr>
<%
rs.MoveNext
Wend
%>
</code>

Någon som ser vad som är fel??

/Jocke

De funkade om jag döpte om gav variabler FirstRowID(och Second..) bokstäver också:
<code>
FirstRowID = "row" & rs("ID") & "_1"
SecondRowID = "row" & rs("ID") & "_2"
</code>
Varför har jag ingen aning om...

/Jocke