image map and submit form

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

RICK - 01 Apr 2008 16:08 GMT

The following will submit a form with a value of "California" for
lstSelectState. How can I add another coordinate for say "Iowa" and change
lstSelectState's value to "Iowa"

<form name="form1" method="post" action="CPC_NCList_Alpha.asp">
<input type="hidden" name="hdnRequestType" value="State">
<map name="Mappings">
<area shape="poly"
coords="9,64,37,74,30,98,58,143,62,153,55,165,38,166,29,151,12,141,10,124,9,112,4,94,3,80,8,65" href="javascript:document.form1.submit()" target="_top">
</map>
<input type="hidden" name="lstSelectState" value="California">
</form>

Reply to this Message

Anthony Jones - 01 Apr 2008 22:58 GMT

> The following will submit a form with a value of "California" for
> lstSelectState. How can I add another coordinate for say "Iowa" and change
[quoted text clipped - 4 lines]
> <map name="Mappings">
> <area shape="poly"

coords="9,64,37,74,30,98,58,143,62,153,55,165,38,166,29,151,12,141,10,124,9,
112,4,94,3,80,8,65" href="javascript:document.form1.submit()" target="_top">

> </map>
> <input type="hidden" name="lstSelectState" value="California">
> </form>

I've never used an image mapp before but my guess at what you need is:-

<script type="text/javascript">
function mappings_onclick(ev)
{
var area = ev ? ev.target : event.srcElement
document.form1.lstSelectState.value = area.getAttribute("state");
document.form1.submit();
}
</script>

<form name="form1" method="post" action="CPC_NCList_Alpha.asp">
<input type="hidden" name="hdnRequestType" value="State">
<map name="Mappings"
onclick="mappings_onclick.apply(this, arguments)">
<area shape="poly"
coords="9,64,37,74,30,98,58,143,62,153,55,165,38,166,29,151,12,141,10,124,9,
112,4,94,3,80,8,65"
href="javascript:void(0)" state="California">
<area shape="poly"
coords="Iowa coords here"
href="javascript:void(0)" state="Iowa">
</map>
<input type="hidden" name="lstSelectState">
</form>

Signature

Anthony Jones - MVP ASP/ASP.NET

Reply to this Message

image map and submit form

Free Magazines