javascript - 如何在 asp.net 中使用 javascript 设置工具提示？

Question

我的 aspx 页面中有一个文本框。当且仅当文本框被禁用/灰显时，我才需要显示其工具提示。如何使用 JavaScript 实现这一点？

Answer 1

您可以在启用/禁用文本框的位置调用此函数

function setToolTip()
{
    if(document.getElementById("myTextBox").disabled == true)
    {
        document.getElementById("myTextBox").title="ToolTip";
    }
    else
    {
        document.getElementById("myTextBox").title="";
    }
}

Answer 2

这是一种方法：

document.getElementById("<%=TextBox.ClientID%>").setAttribute('title','New Tooltip');

第二种方式：

function DisplayToolTip()
        {
            document.getElementById('divToolTip').style.left = window.event.x;
            document.getElementById('divToolTip').style.top = window.event.y;

            document.getElementById('divToolTip').style.visibility = 'visible';
        }

        function HideToolTip()
        {
            document.getElementById('divToolTip').style.visibility = 'hidden';
        }

现在添加以下 HTML 标记代码：

    <span id="spanName" style="font-weight: bold;border: solid 2px red;" 
onmouseover="javascript:DisplayToolTip();"
        onmouseout="javascript:HideToolTip();">THIS IS THE SPAN
    </span>


   <div id="divToolTip" style="position: absolute; visibility: hidden;
   z-index: 20; background-color: white; border: solid 1px Blue;">
   This is ToolTip Text
   </div>