Called when hot spot has HotSpotMode=PostBack : 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>ImageMap Test</title>
</head>
<body>
    <form id="form1" runat="server">
    <div id="container">
    <h1>ImageMap Control Test</h1>
    <asp:ImageMap ID="imapMenu" 
                  runat="server" 
                  ImageUrl="http://www.java2s.com/style/logo.png" 
                  AlternateText="Menu" 
                  OnClick="imapMenu_Click" >
        <asp:PolygonHotSpot HotSpotMode="Navigate" 
                            NavigateUrl="Home.aspx"
                            AlternateText="Go to Home Page" 
                            Coordinates="3,3,3,39,156,39,158,18,60,18,41,3"/>
        <asp:RectangleHotSpot Bottom="65" 
                              HotSpotMode="PostBack" 
                              Left="115" 
                              PostBackValue="Home"
                              Right="154" 
                              Top="41" 
                              AlternateText="Go to the home page" />
        <asp:RectangleHotSpot Bottom="65" 
                              HotSpotMode="PostBack" 
                              Left="165" 
                              PostBackValue="Browse"
                              Right="220" 
                              Top="41" 
                              AlternateText="Browse our products" />
        <asp:RectangleHotSpot AlternateText="Do an advanced search" 
                              Bottom="65" 
                              HotSpotMode="PostBack"
                              Left="232" 
                              PostBackValue="Search" 
                              Right="285" 
                              Top="41" />
        <asp:RectangleHotSpot AlternateText="Find out more about us" 
                              Bottom="65" 
                              Left="293"
                              Right="360" 
                              Top="41" />
    
    </asp:ImageMap>
    <br />
    <asp:Label ID="labMessage" runat="server"></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 imapMenu_Click(object sender, ImageMapEventArgs e)
  {
    labMessage.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