Change Table cell background color (IE) : td « HTML Tags

Change Table cell background color (IE) : td « HTML Tags « JavaScript Tutorial

1.	Language Basics
2.	Operators
3.	Statement
4.	Development
5.	Number Data Type
6.	String
7.	Function
8.	Global
9.	Math
10.	Form
11.	Array
12.	Date
13.	Dialogs
14.	Document
15.	Event
16.	Location
17.	Navigator
18.	Screen
19.	Window
20.	History
21.	HTML Tags
22.	Style
23.	DOM Node
24.	Drag Drop
25.	Object Oriented
26.	Regular Expressions
27.	XML
28.	GUI Components
29.	Dojo toolkit
30.	jQuery
31.	Animation
32.	MS JScript

JavaScript Tutorial » HTML Tags » td

21.14.2.Change Table cell background color (IE)

<html>

<head>

<title>A Simple Page</title>

<script language="JavaScript">

<!--

function chgColor()

{

    var thistag, parentTag;

    thistag = window.event.srcElement.tagName;

    if (thistag == "TD")

    {

        document.all(window.event.srcElement.sourceIndex).bgColor = "lemonchiffon"

    }

}



function chgBack()

{

    var thistag, parentTag;

    thistag = window.event.srcElement.tagName;

    if (thistag == "TD")

    {

        document.all(window.event.srcElement.sourceIndex).bgColor = ""

    }

}

//  -->

</script>

</head>

<body onMouseover="chgColor()" onMouseout="chgBack()">

<table border="1" width="28%">

<tr>

<td width="25%">&nbsp;</td>

<td width="25%">&nbsp;</td>

<td width="25%">&nbsp;</td>

<td width="25%">&nbsp;</td>

</tr>

<tr>

<td width="25%">&nbsp;</td>

<td width="25%">&nbsp;</td>

<td width="25%">&nbsp;</td>

<td width="25%">&nbsp;</td>

</tr>

<tr>

<td width="25%">&nbsp;</td>

<td width="25%">&nbsp;</td>

<td width="25%">&nbsp;</td>

<td width="25%">&nbsp;</td>

</tr>

</table>

</body>

</html>

21.14.td
	21.14.1.	Set and clear table cell content
	21.14.2.	Change Table cell background color (IE)
	21.14.3.	Table cell onmouseover action event
	21.14.4.	Table cell onmouseout action event

java2s.com | Contact Us | Privacy Policy

All other trademarks are property of their respective owners.