We've a ready made html for a city with all districts hover images ready in the css. we have 166 districts. We want your support to use this map to create the following:
1. we open the map as html page without any district highlighted
2. when hove over any district it highlight with 50% transparency
3. when click on a district it ask write zone number. where it shall accept two digit number and click "ok"
4. the district will be highlighted with the zone number.
5. in Addition, below the map we should have a table with "No", "District Name", "Zone No" sorted by zones, then district apathetically with delete button for every district.
6. if I click the district on the map again it should be deselected, and removed from the table.
Last, we should be able to save, and if we open again we find the same district selected.
Please find attached, district list and the html page with it's images.