Et eksempel, så du kan se, hvad jeg tænker i:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Ændr baggrund på række ved ændring i inputs i rækken</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;}
.formRow{background-color:#ccc;border-collapse:collapse;}
.formRow td{color:green;padding:10px;}
.formRow td input{color:green;}
</style>
<script language="javascript" type="text/javascript">
function showChanges(elm){
var row = getParent(elm, "tr");
var inps = row.getElementsByTagName("input");
var chgd = false;
for(i=0,im=inps.length;im>i;i++){
chgd = chgd || inps[i].type == "text" && inps[i].value != inps[i].defaultValue;
}
row.style.backgroundColor = chgd ? "yellow" : "";
}
function getParent(elm,tN){
var parElm = elm.parentNode;
while(parElm.tagName.toLowerCase() != tN.toLowerCase())
parElm = parElm.parentNode;
return parElm;
}
</script>
</head>
<body>
<form>
<table>
<tr class="formRow">
<td>
<input type="text" name="input1" value="Navn1" onkeyup="showChanges(this);"></td>
<td>
<input type="text" name="input1" value="Navn2" onkeyup="showChanges(this);"></td>
<td>
<input type="text" name="input1" value="Adresse1" onkeyup="showChanges(this);"></td>
<td>
<input type="text" name="input1" value="Adresse2" onkeyup="showChanges(this);"></td>
</tr>
<tr class="formRow">
<td>
<input type="text" name="input1" value="Navn1" onkeyup="showChanges(this);"></td>
<td>
<input type="text" name="input1" value="Navn2" onkeyup="showChanges(this);"></td>
<td>
<input type="text" name="input1" value="Adresse1" onkeyup="showChanges(this);"></td>
<td>
<input type="text" name="input1" value="Adresse2" onkeyup="showChanges(this);"></td>
</tr>
<tr class="formRow">
<td>
<input type="text" name="input1" value="Navn1" onkeyup="showChanges(this);"></td>
<td>
<input type="text" name="input1" value="Navn2" onkeyup="showChanges(this);"></td>
<td>
<input type="text" name="input1" value="Adresse1" onkeyup="showChanges(this);"></td>
<td>
<input type="text" name="input1" value="Adresse2" onkeyup="showChanges(this);"></td>
</tr>
<tr class="formRow">
<td>
<input type="text" name="input1" value="Navn1" onkeyup="showChanges(this);"></td>
<td>
<input type="text" name="input1" value="Navn2" onkeyup="showChanges(this);"></td>
<td>
<input type="text" name="input1" value="Adresse1" onkeyup="showChanges(this);"></td>
<td>
<input type="text" name="input1" value="Adresse2" onkeyup="showChanges(this);"></td>
</tr>
</table>
</form>
</body>
</html>
