ImageMap Test : ImageMap « ASP.net Controls « ASP.NET Tutorial






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

<!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>
        <asp:ImageMap ID="ImageMap1" runat="server" HotSpotMode="PostBack" ImageUrl="yourImage.png"
            OnClick="ImageMap1_Click">
            <asp:CircleHotSpot AlternateText="DVDs" PostBackValue="DVDs" Radius="83" X="272"
                Y="83" />
            <asp:CircleHotSpot AlternateText="Media" PostBackValue="Media" Radius="83" X="217"
                Y="221" />
            <asp:CircleHotSpot AlternateText="CDs" PostBackValue="CDs" Radius="83" X="92" Y="173" />
        </asp:ImageMap>
        <br />
        <br />
        <asp:Label ID="lblInfo" runat="server" Font-Bold="True" Font-Names="Verdana"></asp:Label>
    
    </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 ImageMapTest : System.Web.UI.Page
{

  protected void ImageMap1_Click(object sender, ImageMapEventArgs e)
  {
    lblInfo.Text = "You clicked " + e.PostBackValue;
  }
}








3.8.ImageMap
3.8.1.Important properties, events and methods of ImageMap control
3.8.2.Specifying sections of an image that are clickable (C#)
3.8.3.Specifying sections of an image that are clickable (VB)
3.8.4.ImageMap Control PostBack
3.8.5.Mark asp:ImageMap with asp:RectangleHotSpot
3.8.6.Set AssociatedControlID for asp:Label
3.8.7.ImageMap Test
3.8.8.Called when hot spot has HotSpotMode=PostBack