2

我有一个 id="div_Diagram" 的 div，其中包含另外两个 div，div_CanvasHeader 和 div_Canvas，如图所示。div_Canvas 还包含一个 SVG，它又包含几个矩形。每个矩形的构造方式是，它有一个附加到其鼠标悬停事件的 javascript 脚本，其中 x 和 y 位置值传递到脚本中。 在此处输入图像描述

根据 svgs 的性质，我无法正确定位相对于矩形的工具提示分区。我希望能够使用矩形坐标 (x&y) 相对于 div_CanvasHeader 或 div_Diagram 定位工具提示。除了 x 和 y，所有其他尺寸都是固定的。

这是javascript。（请注意，工具提示是一个 Telerik 控件。Show() 方法确实显示了具有所有正确内容的工具提示，但位于页面的左下方）。

function showSVGTtip(elt, x, y) {

        if (elt.hasAttribute("name")) {

            var ttipText = elt.getAttribute("ttipText ");

            var ttip = $find("<%=myToolTipDiv.ClientID %>");

            document.getElementById("ttipLabel").innerHTML = ttipText ;
            ttip.show();

            // Need to set position of ttip relative to other element such as pnlCanvasHeader
        }
    }

如何定位工具提示 div 相对于其他 div 之一？例如，如果我有工具提示 div 的 id，我可以在客户端上相对于 div_CanvasHeader 移动它吗？工具提示是否需要包含在另一个 div 中？

4

0 回答 0