質問 |
||
| 質問者:fire-- | IEでのaタグのhover効果 | |
|---|---|---|
困り度:
|
aタグにonClickを指定し、javascriptを動かすようにしています。またスタイルシートでa:hoverを指定しています。 hrefは指定していません。 <a onClick="javascript:xxxx();">xxxx</a> このようにすると、FireFox,Opera,Safariでは、hoverの効果がでるのですが、IEでは効果がでません。 href=""をaタグに指定してやると、IEでもhoverの効果が効くのですが、htmlのリロードが起きてしまいます。 IEで、hover効果を効かせ、かつリロードさせない方法はないでしょうか。 |
|
質問投稿日時:08/04/16 17:22 質問番号:3952535 |
||
回答良回答10pt |
|
| 回答者:goldfox | <a href="#" onClick="javascript:xxxx(); return false;">xxxx</a> |
|---|---|
| 種類:アドバイス どんな人:一般人 自信:参考意見 |
|
| |
回答日時:08/04/16 18:38 回答番号:No.3 |
|
| この回答への補足 | お礼のあとに書いてます。 return false;を入れたら、#は残りませんね。 失礼しました。 |
| この回答へのお礼 | #でリロードはなくせました。基本的な要望はみたせたのですが、 ブラウザのurl表示に#が残ってしまうのが、ちょっと惜しかったです。 どうも、ありがとうございました。 |
回答良回答20pt |
|
| 回答者:tenderfeel | <a href="javascript:xxxx();" >xxxx</a> でいいんじゃないかなと。 void入れると無効に出来ます <a href="javascript:void(0)" onclick="javascript:xxxx();">test</a> |
|---|---|
| 種類:回答 どんな人:経験者 自信:自信あり |
|
| |
回答日時:08/04/16 17:57 回答番号:No.2 |
|
| この回答へのお礼 | <a href="javascript:xxxx();" >xxxx</a> javascriptのところではwindow.openをしているのですが、 その場合、このやり方だと、元のwindowがブランクになってしまいました。 <a href="javascript:void(0)" onclick="javascript:xxxx();">test</a> これが、もっとも正統的なやり方のようですね。 望みどおりの結果が得られました。どうも、ありがとうございました。 |
回答 |
|
| 回答者:auty | ・ リロードの件ですが、 href="#" としてみてください。 |
|---|---|
| 種類:アドバイス どんな人:経験者 自信:参考意見 |
|
| |
回答日時:08/04/16 17:46 回答番号:No.1 |
|
| この回答へのお礼 | #でリロードはなくせました。基本的な要望はみたせたのですが、 ブラウザのurl表示に#が残ってしまうのが、ちょっと惜しかったです。 どうも、ありがとうございました。 |