定义图片热点，紧急求救，HELP！！！

一个安防系统，要实现用户报警后在一个JPG图片上显示出用户的位置！图片上传到服务器后，我如何实现用鼠标在这个图片点击一个位置，就可以在数据库里面保存这个位置？请高手帮忙，急，谢谢！！！

解决方案 »

  1.   

    图片热点 用 DreamWeaver 去设计，好用否则就自己定义 <area ....asp.net 2.0 支持服务器控件 
    包括，ImageMap ， CircleHotSpot、RectangleHotSpot 和 PolygonHotSpot 相关控件
      

  2.   

    ImageMap 类
    创建在页面上显示图像的控件。单击在 ImageMap 控件内定义的作用点区域时，该控件生成到服务器的回发或导航到指定的 URL。 // MSDN's DEMO
    http://msdn2.microsoft.com/zh-cn/library/System.Web.UI.WebControls.ImageMap.aspx支持 PostBack
      

  3.   

    html里面本身就有图片映射的，找本html的书看看相关做法
      

  4.   

    在热点位置加个连接，比如area.aspx?AreaID=1
    这里AreaID与数据库中的地点AreaID对应，当用户点area.aspx?AreaID=1的时候你在area.aspx?AreaID=1里判断，然后把数据插入数据库不就可以了。
      

  5.   

    谢谢大家，已经解决：）<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>newpage</title>
    <script>
    function get_position(obj){
    var left=obj.style.pixelLeft;
    var top=obj.style.pixelTop;
    var x=event.x-left;
    var y=event.y-top;
    alert("你点击了图片上("+x+","+y+")坐标!\n现在可以保存了!");
    }
    </script>
    </head>
    <body>
    <img style="position:absolute;left:100px;top:100px;width:100px;height:100px" onclick="get_position(this)"></img>
    </body>
    </html>