Asp.net programming we consider all important topic for knowledge about controls,web Services, JSON, Ajax, database, and interview related Question. In this Asp.net and sql server tutorial blog we give many examples of jquery as like How Play YouTube Video in Your Asp.net Website by URL, How to Play YouTube Videos in Asp.net by using Jquery , Jquery Change div background on mouseover in asp.net , JQuery UI Datepicker (Calendar) etc.

Wednesday, August 6, 2014

Example of asp.net ImageMap control

Example of ImageMap in Asp.net:

In asp.net programming Image Map control is a collection of more than one hotspots. Here we give a very basic Example to define this Image Map concept in web development.  In this Image Map Example we consider an image Map with id Imagemap1, One Label control.

Example code of Asp.net Image Map:




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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head id="Head1" runat="server"> 
    <title>asp.net ImageMap use</title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
        <h2 style="color:Red">Image Map control </h2> 
        <asp:Label  
            ID="Label1" 
            runat="server"            
            > 
        </asp:Label> 
        <br /> 
        <asp:ImageMap  
            ID="ImageMap1" 
            runat="server" 
            ImageUrl="~/Images/Flower1.jpg" 
            HotSpotMode="PostBack" 
            OnClick="ImageMap1_Click" 
            > 
            <asp:RectangleHotSpot 
                 Top="0"  
                 Bottom="360" 
                 Left="0"  
                 Right="180" 
                
                 /> 
            <asp:RectangleHotSpot  
                Top="0" 
                Bottom="360" 
                Left="181" 
                Right="360" 
               
                /> 
        </asp:ImageMap> 
    </div> 
    </form> 
</body> 
</html>
asp.net ImageMap


Example .Aspx.cs page for Image Map:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            Label1.Text = "Click and doll!";
            ImageMap1.BorderWidth = 3;
            ImageMap1.BorderStyle = BorderStyle.Double;
            ImageMap1.BorderColor = System.Drawing.Color.Crimson;
        }
    }
  
    protected void ImageMap1_Click(object sender, ImageMapEventArgs e)
    {
        Label1.Text = "ckeck on: " + e.PostBackValue;
    }
}


Other Post :

                   JavaScript Can Change HTML Styles





No comments:

Post a Comment