dynamisk ændre baggrund på en table row !
Lille forklaring omkring siden...Jeg har fjernet lidt af den unødvendige kode, håber det er forståligt. Min asp side som ligger i en iframe viser poster fra en database afhængig af en søgning brugeren laver. Det betyder at søgningen kan vise enten 0 eller 25000 poster som er max. Når brugeren så trykker på en post kaldes et javascript, som kalder en main del som viser den post brugeren har trykket på.
Problemmet:
Første javascript virker ikke efter hensigten. Hele min table row's background skal blive hvid og ikke kun cellen, som er det der sker. Min event.srcElement er åbenbart en td tror jeg. Desuden virker løkken heller ik, som egentlig sku resette alle table rows, hvis brugen har trykket på en post før. Men det har jeg fundet ud af ikke er optimalt hvis brugeren har søgt mange poster frem. På en eller anden måde skal den huske den post brugeren har trykket på før og kun resette den table row, det må være den bedste løsning vil jeg tro!
Kort og godt: Når man trykker på en link skal den table row linken ligger i blive hvid og hvis brugeren har trykket på en post før skal den sættes tilbage til default farve. :)
Er der nogen som kan hjælpe lidt og forstår problemmet?
Sup.
Koden:
<html>
<head>
<link REL="stylesheet" TYPE="text/css" HREF="styles.css">
<SCRIPT FOR="document" EVENT="onclick()" LANGUAGE="JavaScript">
var curElement = event.srcElement;
var ar=document.getElementById('poster').rows
for (var i=0; i<ar.length; i++){
ar[i].style.background = '#B4B4B4';
}
curElement.style.background = 'white';
</SCRIPT>
<SCRIPT language="JavaScript">
function vispost(bogid)
{
var bid;
bid = bogid;
parent.venstre.location="rediger_venstre.asp?bogid="+bid;
parent.hojre.location="rediger_hojre.asp?bogid="+bid;
focus();
}
</SCRIPT>
</head>
<body bgcolor="#B4B4B4">
<table id="poster" border="0" cellpadding="0" cellspacing="0">
<tr id="hmm" onclick="java script:vispost(<%=RS( "bogid")%>)" style="cursor: hand" onmouseover="this.style.backgroundColor = 'gray';" onmouseout="this.style.backgroundColor = '';">
<td><font face="verdana" size="1" color="black"><%=RS("titel" )%></td>
<td width="150"><font face="verdana" size="1" color="black"><%=RS( "forfatter" )%></td>
</tr>
<%
RS.MoveNext
WEND
%>
</table>
