土日のセルの背景色を変更するhtcファイルの例

テーブルのセルに文字列の"(土)"が含まれれば背景色をskyblueに、"(日)"という文字列が
含まれればpinkにします。下のweek1.htcのソースをコピーしてファイル名 week1.htc で
保存したら、使いたいHTMLファイルで次のよう指定します。

<style type="text/css">
table	{behavior:url(week1.htc)}
</style>

これだけで、そのテーブルの当該セルの色が変化します。テーブルは、データバインドの
繰り返しテーブルでも通常のテーブルでもオッケーです。

【week1.htc】

<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="onreadystatechange" ONEVENT="setColor()">
<script language="javascript">
function setColor()	{
	if(element.readyState == "complete")	{
		var cellNum = element.cells.length
		for(var i = 0 ; i < cellNum ; i++)	{
			if(element.cells[i].innerText.indexOf("(土)")!=-1)	{
				element.cells[i].style.backgroundColor = "skyblue"
			} else if(element.cells[i].innerText.indexOf("(日)")!=-1)	{
				element.cells[i].style.backgroundColor = "pink"
			}
		}
	}
}
</script>
</PUBLIC:COMPONENT>