1

我有一个精灵,点击它应该打开一个 htm 帮助文件或视频,这取决于点击的位置。
我已经尝试过 asp.net 图像映射和客户端映射,有和没有 window.open 以及发送到 javascript 函数。没有任何效果。我真的不想使用服务器端,但我似乎无法让它工作。

<div class="divhelp">
  <br />
  <asp:ImageMap  
         ID="ImageMap1"  
         runat="server"  
         ImageUrl="~/images2020/SpriteVideoandHelp.png" 
         Width="70"  
         Height="32"
         HotSpotMode="NotSet">  
        <asp:RectangleHotSpot Target="_self" Top="0" Bottom="32" Left="0" Right="34" AlternateText="Videos" NavigateUrl="openVideoHelp('1')" />  
        <asp:RectangleHotSpot Target="_blank" Top="0" Bottom="32" Left="35" Right="70" AlternateText="Help" NavigateUrl="javascript:window.open('../HelpFiles/Login.htm', 'Search', 'width=600,height=450,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1')" />  
    </asp:ImageMap>  
  </div>


<a href="#"><img src="images2020/SpriteVideoandHelp.png" alt="Videos and Help Files" width="70" height="32" border="0" usemap="#mapname"/></a><br />
  <map id="mapname">
    <area shape="rect" onclick="javascript:window.open('../HelpFiles/Login.htm','Search','width=650,height=500,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1')" alt="Videos" coords="0,32,0,34"/>
    <area shape="rect" onclick="javascript:window.open('../HelpFiles/Login.htm','Search','width=650,height=500,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1')" alt="Help" coords="0,32,35,70" />
</map>


    function openVideoHelp(imgClicked) {

    if (imgClicked == '1') {
        helpfile = window.open('../HelpFiles/Login.htm', 'Search', 'width=600,height=450,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
        return false;
    }
    else {

        helpfile = window.open('../HelpFiles/Login.htm', 'Search', 'width=600,height=450,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
        return false;
    };

};

我尝试过的还有其他几种变体,但都没有运气。

我做错了什么或者这是不可能的?

谢谢您的帮助。

4

1 回答 1

0

您可以删除服务器端图像映射。

客户端图像映射的所有问题在于您已切换图像的宽度和高度。应该是width="32" height="70"

此外,视频区域的坐标混淆了:它应该是<area coords="0,0,32,34"....

希望有帮助。

于 2012-05-29T23:00:50.430 回答