DHTML SAMPLES

htcファイルでプロパティを定義する(3)

1つ前のサンプルで使ったhtcファイルとまったく同じhtcファイルを使っている。 htcファイルで定義したプロパティを本ファイルのスクリプトで変更できるかどうかを試したサンプル。結果は、変更できる。リンクにはID="a1"とID名を指定した。そして、各ボタンで

a1.hiliteColor='cyan'
a1.hiliteColor='red'

を実行したら、マウスが乗ったときの色を変更できた。

Yahoo JAPAN

本ファイル

<STYLE TYPE="text/css">
A	{behavior:url(dhtml_ie_neo0035s.htc)}
</STYLE>
:
:
<A ID="a1" HREF="http://www.yahoo.co.jp">Yahoo JAPAN</A><BR>
:
:

<BUTTON onclick="a1.hiliteColor='cyan'">a1.hiliteColor='cyan'</BUTTON>
<BUTTON onclick="a1.hiliteColor='red'">a1.hiliteColor='red'</BUTTON>

dhtml_ie_neo0035s.htc

<PUBLIC:COMPONENT>
<PUBLIC:PROPERTY NAME="hiliteColor" />
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="Hilite()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="Restore()" />
<PUBLIC:ATTACH EVENT="onload" FOR="window" ONEVENT="Init()" />

<SCRIPT LANGUAGE="JavaScript">
var defaultColor

function Init()	{
	if(hiliteColor == null)	{
		hiliteColor = "red"
	}
}

function Hilite()	{
	defaultColor = element.style.color
	element.style.color = hiliteColor
}

function Restore()	{
	element.style.color = defaultColor
}

</SCRIPT>
</PUBLIC:COMPONENT>