電子書籍の厳選無料作品が豊富！

古いJSがIE11で使えなくなった

解決済

  • 質問者：litton101
  • 質問日時：
  • 回答数：1件

以下、Tableの行にマウスを置くと、背景色（#ffff00）がつくHTMLなのですけど
IE11やFireFox39で同左しないことに気づきました。

detail.htcの内容書き換えだけで、最新ブラウザに対応できないでしょうか？


detail.htcの内容--------------------------------------------

<script type="text/javascript">
<!--
attachEvent("onmouseover", detailTr_onmouseover);
attachEvent("onmouseout", detailTr_onmouseout);
function detailTr_onmouseover() {
this.style.backgroundColor='#ffff00';
}
function detailTr_onmouseout() {
this.style.backgroundColor='transparent';
}
-->
</script>



index.htmlの内容--------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.hl {
behavior: url("./detail.htc");
}
</style>
</head>
<body>
<table border="1" width="100%">
<tr>
<th>No</th>
<th>氏名</th>
</tr>
<tr class="hl">
<td align="center">1</td>
<td>佐藤</td>
</tr>
<tr class="hl">
<td align="center">2</td>
<td>山本</td>
</tr>
<tr class="hl">
<td align="center">3</td>
<td>木村</td>
</tr>
<tr class="hl">
<td align="center">4</td>
<td>山口</td>
</tr>
<tr class="hl">
<td align="center">5</td>
<td>竹田</td>
</tr>
<tr class="hl">
<td align="center">6</td>
<td>小島</td>
</tr>


</table>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： hitomura
  • 回答日時：

以下の点補足願います。


1. index.html に絶対書き換えられない事情がございますでしょうか。
2. 「最新ブラウザに対応」とありますが、逆に古いブラウザに対応する絶対的な事情がございますでしょうか。

というのも、最新のブラウザであれば index.html の style タグの内容を以下のように書き換えれば detail.htc 無しでご呈示の内容と同様の動作が行えます。
<style type="text/css">
.hl:hover {
background-color : #ffff00;
}
</style>
    • good
    • 0
    • 件
通報する
この回答へのお礼

1は直したいので当然書き換え可、
2はとりあえず当方環境だけで動作すれば十分です。
というわけで、仰せのhoverのやり方で無事解決いたしました。
マウスオーバーの時に字の色を変えたりするのに使いますが
こういう使い方もできるとは思いもよりませんでした。
大変すっきりしました、ありがとうございました。

通報する
お礼日時：2015/07/31 01:10

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報