change background colour

@requestcodeMar 14.2003 — #Here is an example that changes the color and text in a table cell.

<html>

<head>

<title>Table Cell Color Change</title>

<script language="JavaScript">

function chgtabcolor(name,bcolor,txt)

{

if(document.getElementById)

{

elm=document.getElementById(name.id)

elm.style.backgroundColor=bcolor

var newText = document.createTextNode(txt)

elm.replaceChild(newText, elm.childNodes[0])

}

}

</script>

</head>

<body>

<table align="center" border="1" width="200" height="120" cellspacing="0" cellpadding="0">

<tr>

<td id="cell1" align="center" valign="middle" width="66" height="20" onmouseover="chgtabcolor(this,'lightgreen','World')" onmouseout="chgtabcolor(this,'white','Hello')"> Hello </td>

<td id="cell2" align="center" valign="middle" width="66" height="20" onmouseover="chgtabcolor(this,'red','World')" onmouseout="chgtabcolor(this,'white','Hello')"> Hello </td>

<td id="cell3" align="center" valign="middle" width="66" height="20" onmouseover="chgtabcolor(this,'lightyellow','World')" onmouseout="chgtabcolor(this,'white','Hello')">Hello</td>

</tr>

<tr>

<td id="cell4" align="center" valign="middle" width="66" height="20" onmouseover="chgtabcolor(this,'lightgreen','World')" onmouseout="chgtabcolor(this,'white','Hello')"> Hello </td>

<td id="cell5" align="center" valign="middle" width="66" height="20" onmouseover="chgtabcolor(this,'red','World')" onmouseout="chgtabcolor(this,'white','Hello')"> Hello </td>

<td id="cell6" align="center" valign="middle" width="66" height="20" onmouseover="chgtabcolor(this,'lightyellow','World')" onmouseout="chgtabcolor(this,'white','Hello')">Hello</td>

</tr>

</table>

</body>

</html>

change background colour

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

change background colour

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴