Como utilizar UserMap/PolygonHotSpot ou Imagem/Map em asp.net

[eusoufeioedai 0]

Olá !!!

 

 

Eu criei um mapa do Brasil e quando o usuário passar o mouse em cima dos estados a imagem será trocada por uma em que o estado

aparecerá de cor diferente do original dando o efeito de estado selecionado. Quando o usuário clicar no estado este mapa ficará oculto

e aparecerá um outra tela.

 

-Como é que eu coloco os eventos onclick, onmouseover e onmouseout no PolygonHotSpot e no Map o evento click que chama uma função no servidor ?

-

 

 

<asp:ImageMap ID="ImageMap1" ImageUrl="BR.jpg" HotSpotMode="PostBack" runat="server">
			  <asp:PolygonHotSpot AlternateText="São Paulo" Coordinates="281,336, 294,325, 303,322, 307,323, 310,318, 313,316, 313,314, 319,311, 314,308, 310,309, 305,309, 298,313, 294,303, 296,297, 290,297, 289,291, 289,284, 288,281, 272,286, 270,280, 260,279, 248,284, 231,305, 264,310, 269,328, 269,329, 274,330, 280,336, 281,336"  HotSpotMode="PostBack" NavigateUrl="url" PostBackValue="string" Target="_self" />
			  <asp:PolygonHotSpot AlternateText="Rio grande do sul" Coordinates="225,353, 238,355, 244,357, 248,361, 252,366, 255,368, 263,370, 261,377, 258,387, 257,392, 254,399, 245,405, 242,405, 253,390, 250,388, 248,393, 240,402, 240,409, 233,418, 229,421, 230,414, 227,411, 211,395, 205,397, 197,387, 190,388, 210,361, 216,357, 226,353, 225,353"  HotSpotMode="PostBack" NavigateUrl="url" PostBackValue="string" Target="_self" />
</asp:ImageMap>



<image src="BR.jpg" usemap ="#teste"/>
<map id ="teste" name="teste">
				   <area shape="polygon" runat="server" onserverclick="teste"  href="#" coords ="281,336, 294,325, 303,322, 307,323, 310,318, 313,316, 313,314, 319,311, 314,308, 310,309, 305,309, 298,313, 294,303, 296,297, 290,297, 289,291, 289,284, 288,281, 272,286, 270,280, 260,279, 248,284, 231,305, 264,310, 269,328, 269,329, 274,330, 280,336, 281,336"   alt="São Paulo" />
</map>

 

Como é que eu faço isso ?

Obrigado

[quintelab 91]

Para trabalhar com os eventos onmouseover e onmouseout terá que utilizar JavaScript.

 

Abraços...