ようこそ ゲスト さん、新規登録(無料)して気になる疑問を解決しませんか?

質問

質問者: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表示に#が残ってしまうのが、ちょっと惜しかったです。

どうも、ありがとうございました。
 
最新から表示回答順に表示良回答のみ表示