Click here to Skip to main content
15,895,656 members
Articles / Web Development / ASP.NET

Image Map / Hot Spot _ Point Plotting

Rate me:
Please Sign up or sign in to vote.
1.86/5 (3 votes)
11 Jan 20073 min read 27.2K   365   12  
A tool for collecting hot spot coordinates.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ImageManager.aspx.cs" Inherits="ImageManager" %>

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

<%--B main image management--%>
<html xmlns="http://www.w3.org/1999/xhtml" >

    <%--B title of page--%>
    <head id="ImageManagerHead" runat="server">
        <title>Image Manager</title>
    </head>
    <%--title of page S--%>

<body id="Body1" runat="server">
<form id="ImageManagerform" runat="server">   
    
    <%--B bounding for image data grid--%>
    <asp:Panel ID="p1" Height="225px" Width="600px" 
               style="left: 300px; top: 5px; position: absolute; "
               ScrollBars="Auto" runat="server" >

    <%--B image data grid with delete option--%>
    <asp:DataGrid runat="server" id="ImageList" Font-Names="Verdana"
                  AutoGenerateColumns="False" AlternatingItemStyle-BackColor="#eeeeee"
                  HeaderStyle-BackColor="Navy" HeaderStyle-ForeColor="White"
                  HeaderStyle-Font-Size="15pt" HeaderStyle-Font-Bold="True"
                  DataKeyField="FullName"
                  OnItemDataBound="ImageList_ItemDataBound"
                  OnDeleteCommand="ImageList_DeleteFile" 
                  style="left: 0px; top: 0px; position: absolute;" Width="575px">
        <Columns>
        <asp:ButtonColumn Text="Delete" ButtonType="PushButton" 
                          CommandName="Delete" />
        <asp:BoundColumn DataField="Name" HeaderText="File Name" />
        <asp:BoundColumn DataField="LastWriteTime" HeaderText="Last Write Time" 
                         DataFormatString="{0:d}" >
            <ItemStyle HorizontalAlign="Center" />
        </asp:BoundColumn>
        <asp:BoundColumn DataField="Length" HeaderText="File Size" 
                         DataFormatString="{0:#,### bytes}" >
            <ItemStyle HorizontalAlign="Right" />
        </asp:BoundColumn>
        </Columns>
        <AlternatingItemStyle BackColor="#EEEEEE" />
        <HeaderStyle BackColor="Navy" Font-Bold="True" Font-Size="15pt" ForeColor="White" />
    </asp:DataGrid>
    <%--image data grid with delete option S--%> 

    </asp:Panel>
    <%--bounding for image data grid S--%>
    
    <%--B image gallery--%>
    <asp:DataList id="dlstImages" RepeatColumns="3"
                  style="left: 315px; top: 237px; position:absolute; "
                  runat="server" >
        <ItemTemplate>
            <asp:Image ID="Image1" 
                       ImageUrl='<%# Eval("Name", "~/PointImages/{0}") %>'
                       style="width:175px"
                       Runat="server" />
            <br />    
            <%# Eval("Name") %>    
        </ItemTemplate>
    </asp:DataList>
    <%--image gallery S--%>
   
    <div id="div1" runat="server" unselectable="off" visible="true" 
         style="left: 5px; top: 200px; Height:350px; Width:280px; position: absolute;
         border-color:Silver; border-style:Solid; border-width:3px; ">
    
    <%--B Image upload controls--%>
    <asp:FileUpload id="upImage"  
                    style="left: 17px; top: 10px; position: absolute; " 
                    Runat="server" Width="240px" />
    <asp:Button id="btnAdd"
                Text="Add Image File" OnClick="btnAdd_Click" 
                style="left: 17px; top: 41px; position: absolute; " 
                Runat="server" Width="240px" /> 
    <%--Image upload controls S--%>
        
    <%--Image linkup for point list image--%>
    <asp:Button ID="MakeImageActive" runat="server" Text="Make Image Active" 
                Style="left: 17px; position: absolute; top: 317px; " Width="222px" 
                OnClick="MakeImageActive_Click"/>
    <asp:DropDownList id="ImageList2" runat="server" DataTextField="Name"  
                Style="left: 19px; position: absolute; top: 285px; " Width="223px"/>
    <%--Image linkup for point list image--%>         

    </div>
        
    <%--B menu buttons--%>  
    <asp:Button ID="backButton" Style="left: 23px; top: 16px; position: absolute; z-index: 102;text-align :left ;" 
                PostBackUrl="PointWindow.aspx" Text="Main Page" runat="server" /> 
    <asp:Button ID="ImageManager2" Style="left: 23px; top: 51px; position: absolute; z-index: 103;text-align :left ;" 
                PostBackUrl="~/ImageManager.aspx" Text="Manage Images" runat="server" />
    <asp:Button ID="PointManager" Style="left: 23px; top: 86px;  position: absolute; z-index: 104;text-align :left ;"
                PostBackUrl="~/PointManager.aspx" Text="Manage Point Lists" runat="server" />                &nbsp;
    <%--menu buttons S--%>  
    
    <%--error messages--%>
        <%--B cant delete active image message--%>
        <asp:Label ID="activeImageMessage" runat="server" 
                   Style="left: 23px; top: 167px; position: absolute; color:Red; "
                   Text="" Width="261px" />
        <%--cant delete active image message S--%>      
    <%--error messages--%>    
   
</form>
</body>
</html>
<%--main image management S--%>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


Written By
Web Developer
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions