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

1 つの方法を次に示します。

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

2 番目の方法:

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>