Question

我有像这样的jsp

<%@ include file="commonheader.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript">
function passValue(stateid,cityid)
{
if(cityid=="0")
{
    document.forms["test"].action="locator/city.jsp"
    document.forms["test"]["stateid"].value=stateid;
    document.forms["test"].submit();
}
else
{   
    document.forms["test"].action="locator/area.jsp"
    document.forms["test"]["stateid"].value=stateid;
    document.forms["test"]["cityid"].value=cityid;
    document.forms["test"].submit();
}
}
</script>
</head>

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<div align="center">     
<table width="70%" border="0">
<tr>
<td width="80%" align="center"><img src="images/map.jpg" width="550" height="500" border="0" usemap="#Map">
<form id="test" name="test" method="post">
<input type="hidden" name="stateid" />
<input type="hidden" name="cityid"/>       
<map name="Map">
<area shape="rect" coords="81,291,180,305" alt="Maharashtra" onclick="passValue('15','0') />
</map>
</form>
</td>
</tr>
</table>
</div>
</body>
</html>

表单已提交并且值正确传递。但问题是光标不是指针而是默认值。我甚至尝试在标签中指定style属性，如style =“cursor：pointer;”但那没用。

Answer 1

将href="javascript:void(null);"添加到区域标记即可。

Answer 2

我不相信你做错了什么。如果您正在寻找快速解决方案，只需将MAP和IMG包裹在DIV标记中并设置样式：

http://jsfiddle.net/8PrD9/

如果您需要更精细的解决方案，本主题可能会有所帮助：

Visible Area tag?

MAP上的HTML5规范供参考：

http://www.w3.org/TR/html5/the-map-element.html

我找不到任何明确说明这些元素无法设置的内容，但这似乎是我所做研究的普遍共识。

html <area />标记中的光标指针

2 个答案: