Comment envoyer dans ASP.NET les zones sélectionnées d'un imagemap en utilisant imagemapster?

Question

J'ai un projet dans les webforms ASP.net. J'ai une forme et sous cette forme j'ai un

<asp:ImageMap ID="imCarDiagram" runat="server" ImageUrl="~/Content/Resources/car-diagram.png" HotSpotMode="PostBack"> 
    <asp:PolygonHotSpot Coordinates="106,42,107,25,147,18,211,14,335,25,336,41,335,43,328,41,323,32,225,24,118,33,114,44,106,42" AlternateText="Front bumper" PostBackValue="FrontBumper" HotSpotMode="PostBack" /> 
    <%--<asp:PolygonHotSpot Coordinates="113,81,138,49,303,51,325,80,297,70,143,69,113,81" AlternateText ="Front of the car" PostBackValue="FrontOfTheCar" HotSpotMode="PostBack" />--%> 
    <asp:PolygonHotSpot Coordinates="145,63,145,55,166,55,166,63,145,63" AlternateText="Left Headlight" PostBackValue="LeftHeadlight" HotSpotMode="PostBack" /> 
    <asp:PolygonHotSpot Coordinates="272,63,272,55,292,55,292,63,272,63" AlternateText="Right Headlight" PostBackValue="RightHeadlight" HotSpotMode="PostBack" /> 
    <asp:PolygonHotSpot Coordinates="105,185,135,155,138,134,110,105,110,86,122,75,142,70,153,118,159,176,105,185" AlternateText="Left Fender" PostBackValue="LeftFender" HotSpotMode="PostBack" /> 
    <asp:PolygonHotSpot Coordinates="142,69,154,125,158,176,282,177,283,129,294,69,142,69" AlternateText="Hood" PostBackValue="Hood" HotSpotMode="PostBack" /> 
    <asp:PolygonHotSpot Coordinates="281,177,282,129,294,69,315,75,329,87,329,105,311,119,299,142,303,162,333,185,281,177" AlternateText="Right Fender" PostBackValue="RightFender" HotSpotMode="PostBack" /> 
    <asp:CircleHotSpot X="101" Y="144" Radius="30" AlternateText="Left Wheel" PostBackValue="LeftWheel" HotSpotMode="PostBack" /> 
    <asp:CircleHotSpot X="335" Y="145" Radius="30" AlternateText="Right Wheel" PostBackValue="RightWheel" HotSpotMode="PostBack" /> 
</asp:ImageMap> 

À l'avant, je me sers imagemapster d'avoir la possibilité de mettre en évidence plusieurs domaines. Tout fonctionne bien Je peux sélectionner plusieurs zones sur le diagramme de la voiture. Comment envoyer les zones sélectionnées dans mon code lorsque je clique sur submit (onclick = "submit_event" où je sauvegarde les données)?

Update 1

<asp:Button runat="server" ID="btnSave" Text="Save" OnClick="btnSave_Click" class="btn submit action-button btn-success" /> 

protected void btnSave_Click(object sender, EventArgs e) 
{ 
    SaveClaim(code that is saving the rest of the fields); 

} 

Comment puis-je apporter événement btnSave_Click les zones sélectionnées?

Answer 1

Géré pour résoudre le problème. Solution: Ajoutez une entrée invisible et remplissez cette entrée avec une énumération des zones sélectionnées. Utilisez ensuite JS pour remplir cette entrée avec l'énumération.

var img = $('#img'); 
    $(img).mapster({ 
     onStateChange: function(){ 
     document.getElementById('#input_text').value = img.mapster('get') 
     } 
    }); 
});