htcサンプル

ウェブアプリを作る技術の一つ、ｈｔｃサンプルを紹介します。

まずCSSファイルの下記のように記述する

input, tr
{
 behavior:url(koma.htc);
}

koma.htc内容：

<public:attach event="onfocus" onevent="koma_onfocus();" />
<public:attach event="onblur" onevent="koma_onblur();" />

<script language="javascript">
function setBgColor(vColor)
{
 if (window.event.srcElement.type != null
 && window.event.srcElement.readOnly != null
 )
 {
  if (window.event.srcElement.type == 'text'
  && window.event.srcElement.readOnly != true
  )
  {
   window.event.srcElement.style.backgroundColor = vColor;
  }
 }
}

function koma_onfocus()
{
 setBgColor('lightyellow');
}

function koma_onblur()
{
 setBgColor('');
}
</script>