1

表のセルにカーソルを合わせたときに、マウスの横に div ポップアップを作成しようとしています。

<td onmouseover="bubblePopup("param1","param2");">This is the cell</td>

私の bubblePopup 関数でカーソル位置を取得することは可能ですか?

function bubblePopup(param1, param2){
    var newdiv = document.createElement('div');
    newdiv.setAttribute('id', param1);

    newdiv.style.width = "200px";
    newdiv.style.height = "80px";

    newdiv.style.position = "absolute";
    newdiv.style.left = cursorX + "px";
    newdiv.style.top = cursorY + "px";

    newdiv.innerHTML = "content";
    document.body.appendChild(newdiv);
}

私はネイティブのjavascriptを好みます（ただし、jqueryオプションも検討します）。Firefox 3.5 以降でのみ動作する必要があります。

4

2 に答える 2

4

私はあなたを正しい軌道に乗せるかもしれないフィドルを一緒に平手打ちしました。

http://www.jsfiddle.net/dduncan/WccJw/2/

(少し見栄えを良くするために編集しました)

于 2011-02-11T15:44:23.820 に答える
3

http://jsfiddle.net/CtCXE/

var td = document.getElementById("thetd");

td.onmouseover = function(e){bubblePopup(e, 'param1','param2')};

function bubblePopup(e, param1, param2){
    var newdiv = document.createElement('div');
    newdiv.setAttribute('id', param1);

    newdiv.style.width = 200;
    newdiv.style.height = 80;

    var cursorX = e.pageX,
        cursorY = e.pageY;

    newdiv.style.position = "absolute";
    newdiv.style.left = cursorX + 'px';
    newdiv.style.top = cursorY + 'px';

    newdiv.innerHTML = "content";
    document.body.appendChild(newdiv);
}
于 2011-02-11T15:40:45.770 に答える