htcファイルでプロパティを定義する(4):LIタグをリンクにする

htcファイルでhrefプロパティを定義している。 そして、このファイルではLIタグのBehaviorにそのhtcファイルを指定してある。 <LI>タグでHREF属性が使えるようになり、あたかも<A>タグのように クリックするとページが切り替わる。 htcファイルでは、

element.document.location = href

としてあるだけ。element.documentと指定することで、 htcファイルを使用しているhtmlファイルのdocumentオブジェクトを参照できるのがポイント。 とても雑だが、既存のタグに新たな属性(プロパティ)を追加する原型のようなサンプルと言える。

  1. Yahoo! JAPAN
  2. Goo
  3. 全日空

本ファイル

<STYLE TYPE="text/css">
LI	{behavior:url(dhtml_ie_neo0036s.htc)}
</STYLE>
:
:
<OL>
<LI HREF="http://www.yahoo.co.jp/">Yahoo! JAPAN
<LI HREF="http://www.goo.ne.jp/">Goo
<LI HREF="http://www.ana.co.jp/">全日空
</OL>

dhtml_ie_neo0036s.htc

<PUBLIC:COMPONENT>
<PUBLIC:PROPERTY NAME="href" />
<PUBLIC:ATTACH EVENT="onclick" ONEVENT="urlJump()" />
<SCRIPT LANGUAGE="JavaScript">

function urlJump()	{
	element.document.location = href

}

</SCRIPT>
</PUBLIC:COMPONENT>