Behaviors:runtimeStyleを考える実験1

ページをクリックすると本文のイタリック/ノーマルが切り替わる。 問題は最初のクリック。 htcを見ると、最初のクリックでイタリックになりそうだが、 ならない。これは

var flag = runtimeStyle.fontStyle

でruntimeStyle.fontStyleの値が空であるからだと予想される。 runtimeStyleについては、少し調べる必要がある。 ステータスバーの表示はruntimeStyle.fontStyleの値。 なお、次の26番のサンプルは同じことをやっているが、 最初のクリックでイタリックになる。


本ファイル(一部)

<STYLE TYPE="text/css">
BODY	{behavior:url(dhtml_ie_neo0025.htc);}
</STYLE>
:
:
<BODY STYLE="font-style:normal;">

dhtml_ie_neo0025s.htc

<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="onclick" ONEVENT="chItalic()"/>
<SCRIPT LANGUAGE="JavaScript">

function chItalic()	{
	var flag = runtimeStyle.fontStyle
	if(flag == "normal")	{
		runtimeStyle.fontStyle = "italic"
	} else	{
		runtimeStyle.fontStyle = "normal"
	}
window.status = runtimeStyle.fontStyle

}
</SCRIPT>
</PUBLIC:COMPONENT>