1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="bookmark" type="text/html" title="Mapper.js" href="http://www.netzgesta.de/mapper/">
<script type="text/javascript" src="wz_jsgraphics.js"></script>
<script type="text/javascript" src="cvi_map_lib.js"></script>
<script type="text/javascript">
<!--
function ById(v) {return(document.getElementById(v));}
window.onload = function() {
cvi_map.add(ById('parliament_floorplan'),{opacity: 50, areacolor: '#0099ff', noborder: true});
}
-->
</script>
</head>
<body>
<img id="parliament_floorplan" src="test.png" usemap="#testmap"/>
<map name="testmap">
<area href="#" alt="zone0" title="" shape="poly" onclick="rouge()" coords="38,107,39,103,40,99,46,71,64,51,91,42,99,39,104,38,112,38,112,38,122,38,122,38,132,38,143,41,152,46,176,58,192,81,194,107,195,114,196,120,193,127,193,127,187,101,187,101,180,111,169,109,159,109,160,104,162,87,153,90,148,91,147,99,145,103,145,103,141,101,141,101,141,101,127,83,127,83,127,86,127,90,127,92,125,101,118,110,109,112,108,104,107,101,105,93,105,90,103,87,100,86,96,84,93,88,92,92,92,92,92,116,92,116,89,116,84,116,81,115,70,113,68,104,64,95,64,95,64,118,64,118,64,118,59,133,59,133,56,141,56,147,49,153,42,141,38,125,38,111" />
<area href="#" alt="zone1" title="" shape="poly" onclick="violet()" coords="48,156,50,159,68,162,74,163,82,164,87,160,90,157,94,152,95,149,96,146,96,139,96,135,96,135,96,109,96,109,96,102,93,93,100,89,105,101,105,113,107,126,108,129,110,140,112,141,114,144,120,143,123,143,126,143,129,143,132,141,134,140,135,133,136,130,136,130,147,107,147,107,149,102,150,95,156,93,156,102,157,115,155,123,153,130,147,138,147,144,147,147,153,157,156,158,160,159,165,156,168,154,168,154,194,146,194,146,198,145,206,141,209,146,212,151,199,155,196,156,196,156,171,165,171,165,168,167,164,168,162,171,159,175,159,181,159,185,159,194,165,191,172,194,175,195,178,197,181,199,181,199,190,200,190,200,193,202,195,204,199,205,203,206,205,206,209,207,217,210,217,217,214,218,211,220,202,218,199,217,191,216,194,216,187,214,183,213,169,211,165,211,165,211,160,211,160,211,158,211,155,211,153,212,148,213,142,218,144,224,144,224,158,250,158,250,158,250,161,262,161,262,161,262,167,273,167,273,168,275,168,279,164,278,159,276,156,263,153,258,153,258,137,234,137,234,134,228,135,223,129,219,124,216,114,217,108,217,106,217,102,217,100,218,94,220,90,230,86,235,86,235,73,253,73,253,71,256,64,268,59,266,57,265,58,261,59,259,60,255,63,252,65,249,65,249,69,242,69,242,74,233,76,233,82,227,85,223,92,212,93,207,93,202,90,199,89,194,89,190,89,186,87,182,85,176,73,174,67,172,50,169,27,168,11,161,14,155,21,155,27,155" />
<area href="#" alt="zone2" title="" shape="poly" onclick="jaune()" coords="139,110,136,114,135,117,132,123,129,130,128,137,128,137,116,137,116,137,116,137,113,118,113,118,113,118,122,109,122,109,122,109,130,95,130,95,133,97,139,102,139,107" />
<area href="#" alt="zone3" title="" shape="poly" onclick="jaune()" coords="178,112,185,110,185,110,188,130,191,130,194,139,180,142,171,147,158,152,156,150,154,146,154,143,154,140,158,133,159,130,162,124,162,119,162,113,162,113,178,112,178,112" />
<area href="#" alt="zone4" title="" shape="poly" onclick="jaune()" coords="90,131,94,156,77,157,74,157,71,157,68,156,63,155,61,155,56,153,56,153,60,143,60,143,65,130,67,125,67,111,77,118,77,120,90,120" />
<area href="#" alt="zone5" title="" shape="poly" onclick="jaune()" coords="169,173,173,171,176,170,176,170,200,162,200,162,205,160,211,155,217,157,208,163,198,171,193,180,188,188,192,194,184,193,176,192,178,187,166,187,166,184,166,178,167,175" />
<area href="#" alt="zone6" title="" shape="poly" onclick="jaune()" coords="40,173,46,176,51,177,51,177,72,180,72,180,75,181,79,181,80,184,82,185,83,188,83,191,75,191,64,188,57,192,51,194,46,200,41,205,40,191,30,185,36,178" />
<area href="#" alt="zone7" title="" shape="poly" onclick="jaune()" coords="126,220,125,229,125,229,125,229,123,229,123,229,123,229,119,220,119,220,119,220,126,220,126,220" />
</map>
<MAP name="map1">
<AREA SHAPE="poly" ALT="Rouge" TITLE="Rouge" onclick="rouge()" href="#" COORDS="111,38, 91,42, 72,50, 57,63, 46,79, 40,99, 38,111, 40,132, 49,153, 55,143, 58,133, 63,118, 63,95, 70,107, 74,112, 81,115, 92,116, 92,92, 94,87, 99,85, 103,88, 105,93, 108,112, 120,104, 126,92, 126,83, 141,101, 144,103, 147,95, 153,89, 157,90, 159,96, 158,109, 174,108, 181,106, 186,101, 192,127, 194,117, 194,107, 189,88, 180,71, 168,56, 151,45, 137,40, 121,38, 111,38" />
<AREA SHAPE="poly" ALT="Violet" TITLE="Violet" onclick="violet()" href="#" COORDS="100,89, 96,92, 95,98, 96,109, 96,135, 95,149, 86,159, 77,163, 68,162, 48,158, 27,155, 17,155, 11,161, 38,168, 67,172, 78,175, 87,182, 89,194, 92,207, 81,227, 69,242, 65,249, 58,259, 57,262, 59,265, 63,265, 67,261, 72,253, 86,235, 92,225, 100,217, 107,217, 118,217, 128,218, 134,225, 137,234, 152,258, 157,269, 164,277, 167,276, 166,273, 161,262, 158,250, 143,224, 145,216, 152,211, 159,211, 164,211, 186,214, 198,217, 213,218, 215,213, 209,207, 198,205, 189,200, 180,198, 171,194, 162,191, 160,189, 159,185, 161,171, 170,165, 195,156, 204,152, 208,149, 208,145, 201,143, 193,145, 167,154, 162,157, 156,158, 150,152, 147,144, 150,134, 154,123, 155,93, 149,98, 146,107, 136,130, 131,141, 122,143, 111,141, 107,126, 104,107, 100,89" />
<AREA SHAPE="poly" ALT="Jaune" TITLE="Jaune" onclick="jaune()" href="#" COORDS="129,95, 121,108, 112,118, 115,137, 127,137, 134,117, 139,107, 135,100, 129,95" />
<AREA SHAPE="poly" ALT="Jaune" TITLE="Jaune" onclick="jaune()" href="#" COORDS="184,110, 177,112, 161,113, 159,130, 153,143, 157,152, 175,144, 193,139, 189,128, 184,110" />
<AREA SHAPE="poly" ALT="Jaune" TITLE="Jaune" onclick="jaune()" href="#" COORDS="67,111, 65,127, 59,143, 56,153, 68,156, 77,156, 86,152, 89,142, 90,120, 77,118, 67,111" />
<AREA SHAPE="poly" ALT="Jaune" TITLE="Jaune" onclick="jaune()" href="#" COORDS="217,157, 208,157, 199,161, 175,170, 167,175, 165,187, 176,189, 183,192, 187,192, 189,189, 192,180, 203,167, 217,157" />
<AREA SHAPE="poly" ALT="Jaune" TITLE="Jaune" onclick="jaune()" href="#" COORDS="42,175, 35,178, 34,183, 35,189, 41,205, 57,191, 69,189, 83,191, 80,183, 72,180, 51,176, 42,175" />
<AREA SHAPE="poly" ALT="Jaune" TITLE="Jaune" onclick="jaune()" href="#" COORDS="118,220, 122,229, 124,229, 125,220, 118,220" />
</MAP>
</body>
</html> |
Partager