Total Pageviews

7 May 2012

Mouse Event in ASP.Net


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <a onmouseover="document.getElementById('PopUp').style.display = 'block' " onmouseout="document.getElementById('PopUp').style.display = 'none' " onfocus='this.blur();'><span style="text-decoration: underline;">here</span></a>
       <div id='PopUp' style='display: none; position: absolute; left: 50px; top: 50px; border: solid black 1px; padding: 10px; background-color: rgb(255,255,225); text-align: justify; font-size: 12px; width: 135px;'>
        <asp:CheckBox ID="CheckBox1" runat="server" Text="MCA" /><br /><asp:CheckBox ID="CheckBox2" runat="server" Text="MBA" /><br /><asp:CheckBox
            ID="CheckBox3" runat="server" Text="B-Tech"/>
   
    <br />
    <div style='text-align: center;'><a onmouseover='this.style.cursor="pointer" ' style='font-size: 12px;' onfocus='this.blur();' onclick="document.getElementById('PopUp').style.display ='none' " ><span style="text-decoration: underline;">Close</span></a></div>
       </div>
    </form>
</body>
</html>

No comments:

Post a Comment

Contact Form

Name

Email *

Message *