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"
}
}
------------------------------------------
<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
Post a Comment