ASP.Net/Asp Control/ImageMap
Get asp ImageMap event argument: post back value (VB.net)
<source lang="csharp">
<%@ Page Language="VB" %> <script runat="server">
Sub mapMenu_Click(ByVal sender As Object, ByVal e As ImageMapEventArgs) Select Case e.PostBackValue Case "ToUpper" txtText.Text = txtText.Text.ToUpper() Case "ToLower" txtText.Text = txtText.Text.ToLower() Case "Erase" txtText.Text = String.Empty End Select End Sub
</script> <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server">
<title>ImageMap PostBack</title>
</head> <body>
<form id="form1" runat="server">
<asp:ImageMap id="mapMenu" ImageUrl="http://www.nfex.ru/style/logo.png" HotSpotMode="PostBack" Runat="server" OnClick="mapMenu_Click"> <asp:RectangleHotSpot PostBackValue="ToUpper" Left="0" Top="0" Right="100" Bottom="30" AlternateText="To Uppercase" /> <asp:RectangleHotSpot PostBackValue="ToLower" Left="100" Top="0" Right="200" Bottom="30" AlternateText="To Uppercase" /> <asp:RectangleHotSpot PostBackValue="Erase" Left="200" Top="0" Right="300" Bottom="30" AlternateText="To Uppercase" /> </asp:ImageMap>
<asp:TextBox id="txtText" TextMode="MultiLine" Columns="40" Rows="5" Runat="server" />
</form>
</body> </html>
</source>
ImageMap HotSpots Alternate Text
<source lang="csharp">
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="Default_aspx" %> <!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">
<asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="yourImage.jpg" HotSpotMode="PostBack"> <asp:CircleHotSpot HotSpotMode="PostBack" X="103" Y="26" PostBackValue="PowerSwitch" Radius="5" AlternateText="Power Switch" /> <asp:RectangleHotSpot Top="48" Bottom="242" Left="30" NavigateUrl="http://www.nfex.ru" Right="177" HotSpotMode="Navigate" /> <asp:PolygonHotSpot Coordinates="2,73,12,73,23,87,12,30,92,30,83,87" PostBackValue="Navigation" HotSpotMode="PostBack" /></asp:ImageMap>
</form>
</body> </html> File: Default.aspx.vb
Partial Class Default_aspx
Inherits System.Web.UI.Page Protected Sub ImageMap1_Click(ByVal sender As Object, _ ByVal e As System.Web.UI.WebControls.ImageMapEventArgs) _ Handles ImageMap1.Click Dim str As String = "You have clicked " & e.PostBackValue Response.Write(str) End Sub Protected Sub Page_Load(ByVal sender As Object, _ ByVal e As System.EventArgs) _ Handles Me.Load ImageMap1.HotSpots(0).AlternateText = "A" ImageMap1.HotSpots(1).AlternateText = "B" ImageMap1.HotSpots(2).AlternateText = "C" End Sub
End Class
</source>
Image map post back (C#)
<source lang="csharp">
<%@ Page Language="C#" %> <script runat="server">
protected void mapMenu_Click(object sender, ImageMapEventArgs e) { switch (e.PostBackValue) { case "ToUpper": txtText.Text = txtText.Text.ToUpper(); break; case "ToLower": txtText.Text = txtText.Text.ToLower(); break; case "Erase": txtText.Text = String.Empty; break; } }
</script> <html> <head>
<title>ImageMap PostBack</title>
</head> <body>
<form id="form1" runat="server">
<asp:ImageMap id="mapMenu" width="300" height="200" ImageUrl="http://www.nfex.ru/style/logo.png" HotSpotMode="PostBack" Runat="server" OnClick="mapMenu_Click"> <asp:RectangleHotSpot PostBackValue="ToUpper" Left="0" Top="0" Right="100" Bottom="30" AlternateText="To Uppercase" /> <asp:RectangleHotSpot PostBackValue="ToLower" Left="100" Top="0" Right="200" Bottom="30" AlternateText="To Uppercase" /> <asp:RectangleHotSpot PostBackValue="Erase" Left="200" Top="0" Right="300" Bottom="30" AlternateText="To Uppercase" /> </asp:ImageMap>
<asp:TextBox id="txtText" TextMode="MultiLine" Columns="40" Rows="5" Runat="server" />
</form>
</body> </html>
</source>