2012-04-09 14 views
0

マウスオーバーイベントに基づいてツールチップを表示します。私はこのコードを試しましたが失敗しましたが、何も表示されません。htmlマウスオーバーイベント、ダイアログを表示できません

お知らせください。

<img onmouseover="showLongText();" BORDER=0 height=15 width=15 src="images/pick-button.gif"/> 
<div id="longTextDiv" style="display:none;"> 
ddd 
</div> 

<script type="text/javascript"> 
function showLongText(className, fldName, objId){ 
    var longTextDiv = $("#longTextDiv"); 
    //alert(longTextDiv); 
    longTextDiv.style.leftPos += 10; 
    longTextDiv.style.posLeft = event.clientX; 
    longTextDiv.style.posTop = event.clientY; 
    longTextDiv.style.display = ""; 
    longTextDiv.setCapture();   
} 
</script> 
+0

jQueryを使用していますか? – j08691

+0

はい。 JQueryにはプラグインがありますか? – user595234

+0

あなたの質問にjqueryというタグが付いていないため、私は尋ねました。 – j08691

答えて

1

すでにjQueryのを使用しているので。あなたは使用する必要があります

$("img").hover(function(e) { 
    var longTextDiv = $("#longTextDiv"); 
    //alert(longTextDiv); 
    longTextDiv.css({ 
     left : e.pageX, 
     top : e.pageY, 
     display : "block" 
    }); 
    longTextDiv.setCapture();   
}); 
0

あなたはこれにfunctio定義を変更... onmouseover属性関数に必要なパラメータを供給されていません。

function showLongText(){

+0

申し訳ありませんが、この場合はありません。 – user595234

関連する問題