Specifying sections of an image that are clickable (C#) : ImageMap « ASP.net Controls « ASP.NET Tutorial






<%@ page language="C#" %>

<script runat="server">
    protected void Imagemap1_Click(object sender,
       System.Web.UI.WebControls.ImageMapEventArgs e) {
          
          Response.Write("You selected: " + e.PostBackValue);
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>ImageMap Control</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ImageMap ID="Imagemap1" 
                      Runat="server" 
                      ImageUrl="http://www.java2s.com/style/logo.png" 
                      Width=300 
                      OnClick="Imagemap1_Click" 
                      HotSpotMode="PostBack">
            <asp:RectangleHotSpot Top="0" 
                                  Bottom="225" 
                                  Left="0" Right="150" 
                                  AlternateText="Henri" 
                                  PostBackValue="Henri">
            </asp:RectangleHotSpot>
            <asp:RectangleHotSpot Top="0" Bottom="225" Left="151" Right="300" 
             AlternateText="Sofia" PostBackValue="Sofia">
            </asp:RectangleHotSpot>
        </asp:ImageMap>
    </form>
</body>
</html>








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