Mega Code Archive

 
Categories / ASP.Net Tutorial / HTML Controls
 

Detect click on an image (C#)

File: Default.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="ImageTest" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server">     <title>Untitled Page</title> </head> <body>     <form ID="form1" runat="server">     <div>            <h1>Click on the Image </h1>       <input type="image"              src="http://www.rntsoft.com/style/logo.png"               ID="ImgButton"              runat="server" OnServerClick="ImgButton_ServerClick" />       <br />       <div ID="Result"              runat="server"/>     </div>     </form> </body> </html> File: Default.aspx.cs using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; public partial class ImageTest : System.Web.UI.Page {   protected void ImgButton_ServerClick(Object sender, ImageClickEventArgs e)   {     Result.InnerText = "You clicked at (" + e.X.ToString() + ", " + e.Y.ToString() + "). ";     if ((e.Y < 100) && (e.Y > 20) && (e.X > 20) && (e.X < 275))     {       Result.InnerText += "You clicked on the button surface.";     }     else     {       Result.InnerText += "You clicked the button border.";     }         Response.Redirect("http://www.rntsoft.com");   } }