I want to make table row flahses

GS300 · #1 (**permalink**) 02-02-05, 06:05 AM

Hi all ,

I want to make table row flahses

How can I do taht ? ?

Thanks in advance

TwoD · #2 (**permalink**) 02-02-05, 11:18 AM

You can change the background-color style attribute between two colors with an interval.
Ex.

Code:

<html>
<head>
<script>

function Flash(obj,color1,color2,ontime,offtime){
	var row = document.getElementById(obj)
	row.style.backgroundColor=color1
	setTimeout("flashOff('"+obj+"','"+color1+"','"+color2+"','"+ontime+"','"+offtime+"')",ontime)
}

function flashOff(obj,color1,color2,ontime,offtime){
	var row = document.getElementById(obj)
	row.style.backgroundColor=color2
	setTimeout("Flash('"+obj+"','"+color1+"','"+color2+"','"+ontime+"','"+offtime+"')",offtime)
}
</script>
</head>
<body bgcolor="green" onload="Flash('rowToFlash','red','',200,600)">
<table>
<tr id='rowToFlash'>
<td>
Test
</td>
<td>
Test 2
</td>
</tr>
<tr>
<td>
Test 3
</td>
<td>
Test 4
</td>
</tr>
</table>
</body>
</html>

This should work on any object with the style.backgroundColor property.

GS300 · #3 (**permalink**) 02-03-05, 02:28 PM

Thanks TwoD

Your code working fine But I made some modification in your code
for simplicity I deleted FlashOff function and use only one function with the period instead of inTime , OffTime .

And this is the code :

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>

function Flash(obj,color1,color2,period){
	var row = document.getElementById(obj)
	row.style.backgroundColor=color1
	setTimeout("Flash('"+obj+"','"+color2+"','"+color1+"','"+period+"')",period)
}

</script>
</head>
<body bgcolor="green" onload="Flash('rowToFlash','red','green',1000)">
<table>
<tr id='rowToFlash'>
<td>
Test
</td>
<td>
Test 2
</td>
</tr>
<tr>
<td>
Test 3
</td>
<td>
Test 4
</td>
</tr>
</table>
</body>
</html>

Thanks again

TwoD · #4 (**permalink**) 02-04-05, 04:53 AM

Your welcome!
It's good when people adapt code to their own uses since you almost always learn somehting from it.