客户端或服务器端 (asp.net) 图像映射都不会弹出 html 表单
Neither client-side or server-side (asp.net) imagemap will popup html form
我有一个精灵,当点击它时,它应该打开一个 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;
};
};
上面还有其他几种变体,我已经尝试过但没有运气。
我做错了什么还是不可能?
谢谢你的帮助。
您可以删除服务器端图像映射。
客户端图像映射的所有问题在于您已经切换了图像的宽度和高度。应该是width="32" height="70"
.
此外,视频区域的坐标混淆了:它应该读<area coords="0,0,32,34"...
.
希望有帮助。
相关文章:
- 使用 AngularJS Http Post 将表单 html 中的数据发布到服务器
- 如何使用js框架验证Laravel 4表单(html)
- 在表单html上编程php和警告javascript
- 联系表单-Html和Javascript只包含在Html(tumblr)中
- javascript表单(html网页)名称字段的验证
- Javascript多维数组表单html列表
- 单选按钮上的无提示验证被忽略,而它只适用于相同表单html中的文本字段
- 从表单html中检索数据
- 刷新页面后是否可以保留表单(html)内容数据
- 部分表单HTML未加载
- 控制器和输入表单html使用var Javascript
- 获取表单html及其值
- 如何使表单(html、jsp)中的Textfield只接受dd/mm/yyyy格式,而无需单击提交按钮
- 提交隐藏的表单HTML
- 信用卡表单html值长度
- PHP表单HTML按钮
- 简单的方式来改变输入字段的视觉顺序动态(不改变表单HTML)
- 表单HTML没有更新
- 制作一个不序列化javascript的一对多表单html
- 搜索parse.com数据表单html输入