How to show help text in page on mouse move

Add this code in aspx.page
------------------------------------------
 <a href="#" style="cursor: pointer;" onmousemove="ShowPicture('ChannelsHelpImageStyle1',1)"
                                            onmouseout="ShowPicture('ChannelsHelpImageStyle1',0)">
                                            <asp:Image ID="proofimg" runat="server" ImageUrl="~/App_Themes/IT/Photo/LanguageSkills_03.png" />
                                            <div id="ChannelsHelpImageStyle1" class="question_help" style="margin-top: 0px;">
                                                <asp:Label ID="lblPRSummaryRatingToolTip" runat="server"></asp:Label>
                                            </div>
                                        </a>


Add this javascript in your page.
---------------------------------------

//   JavaScript For Help Image and Text PopUp   

    function ShowPicture(id, Source) {
        if (Source == "1") {
            if (document.layers) document.layers['' + id + ''].visibility = "show"
            else if (document.all) document.all['' + id + ''].style.visibility = "visible"
            else if (document.getElementById) document.getElementById('' + id + '').style.visibility = "visible"
        }
        else
            if (Source == "0") {
                if (document.layers) document.layers['' + id + ''].visibility = "hide"
                else if (document.all) document.all['' + id + ''].style.visibility = "hidden"
                else if (document.getElementById) document.getElementById('' + id + '').style.visibility = "hidden"

            }
}

Comments

Popular posts from this blog

Executing PowerShell scripts from C#

HOW TO Use the NumericUpDown Control

Exposing Agile Software Development Myths