Change a table row bgcolor onBlur

[xcervera]

Is there any way to modify the bgcolor of a table row using javascript and possibly css when a control in that TR looses focus?

Thanks!

[Webnerd]

What kind of controls are you talking about in the TR?

[Charles]

<script type="text/javascript">
if (document.getElementsByTagName) onload = function () {
	var e, i = 0
	while (e = document.getElementsByTagName ('TD')[i++]) {
		e.parentNode.className = 'blurred'
		e.onblur = function () {this.parentNode.className = 'blurred'}
		e.onfocus = function () {this.parentNode.className = 'focused'}
	}
}
</script>

<style type="text/css">
tr.blurred, tr.blurred th, tr.blurred td {
	background-color:#aaa;
	color:#555;
}
</style>

<table summary="">
	<thead>
		<tr>
			<th scope="col">Heading</th>
			<th scope="col">Heading</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
</table>

[xcervera]

Thanks that should work. What JS version was the className property implemented in?

[Charles]

What JS version was the className property implemented in?

W3C DOM level 1. See http://www.w3.org/TR/1998/REC-DOM-Level-1-19981001/ .