Code : Tout sélectionner
<html>
<head>
<title>CARTE</title>
<script type="text/javascript">
function change_image(d,c){
var a=document.getElementById("area_image");
a.style.backgroundImage="url("+d+"/img/map_"+c+".png)";
return true;
}
function hide_image(d,c){
var a=document.getElementById("area_image");
a.style.backgroundImage="url("+d+"/img/none.gif)";
return true;
}
function preload_image(a){
var b=new Image;
b.src=a;
}
function clique(region){
document.getElementById('autoitComm').value = region;
//return true;
}
</script>
<style type="text/css">
#TableContentBottom .Map {background-image: url("http://static.leboncoin.fr/img/map.png");}
</style>
</head>
<body>
<table id="TableContentBottom">
<tr>
<td align="right">
<div class="Map MapContainer">
<div style="background-image:url(http://static.leboncoin.fr/img/transparent.png);" class="Map" id="area_image">
<img src="http://static.leboncoin.fr/img/transparent.png" alt="" usemap="#france_map" border=0>
</div>
</div>
</td>
</tr>
</table>
<input type="hidden" name="autoitComm" value="" id="autoitComm"></input>
<map name="france_map">
<area shape="poly" title="Alsace" coords="383,88,381,92,372,93,367,89,361,92,364,98,369,99,371,108,365,114,370,124,362,146,370,149,366,154,369,161,378,162,385,157,381,151,385,122,397,96,397,89,385,87" href="#" onmouseover="change_image('http://static.leboncoin.fr', 1)" onmouseout="hide_image('http://static.leboncoin.fr', 1)" alt="Alsace" onclick="clique('Alsace');">
<area shape="poly" title="Aquitaine" coords="87,349,79,356,89,359,91,369,95,366,111,376,116,376,122,380,128,380,131,369,140,355,135,347,130,345,131,328,132,325,142,329,154,323,171,319,171,312,173,306,174,296,181,294,190,279,183,275,181,255,171,253,164,249,138,274,121,264,103,254,87,349" href="#" onmouseover="change_image('http://static.leboncoin.fr', 2)" onmouseout="hide_image('http://static.leboncoin.fr', 2)" alt="Aquitaine" onclick="clique('Aquitaine');">
<area shape="poly" title="Auvergne" coords="242,200,219,217,227,226,229,239,223,243,226,263,216,267,212,283,213,298,230,289,230,283,240,295,251,284,270,292,290,271,282,265,271,263,271,255,263,243,266,224,272,217,261,203,243,200" href="#" onmouseover="change_image('http://static.leboncoin.fr', 3)" onmouseout="hide_image('http://static.leboncoin.fr', 3)" alt="Auvergne" onclick="clique('Auvergne');">
<area shape="poly" title="Basse-Normandie" coords="152,74,162,102,171,107,175,120,166,130,154,121,144,121,140,115,116,117,106,115,101,118,98,113,98,101,89,57,111,62,118,76" href="#" onmouseover="change_image('http://static.leboncoin.fr', 4)" onmouseout="hide_image('http://static.leboncoin.fr', 4)" alt="Basse-Normandie" onclick="clique('Basse-Normandie');">
<area shape="poly" title="Bourgogne" coords="253,124,243,126,240,133,243,145,236,154,241,198,262,202,272,216,272,222,277,229,288,224,289,219,300,222,302,210,313,211,318,195,311,189,318,173,315,159,311,161,300,154,298,144,293,140,289,144,272,145,260,136,253,123" href="#" onmouseover="change_image('http://static.leboncoin.fr', 5)" onmouseout="hide_image('http://static.leboncoin.fr', 5)" alt="Bourgogne" onclick="clique('Bourgogne');">
<area shape="poly" title="Bretagne" coords="68,163,92,152,105,146,114,137,112,117,102,119,98,116,96,111,88,105,60,107,44,96,0,106,2,142,48,166" href="#" onmouseover="change_image('http://static.leboncoin.fr', 6)" onmouseout="hide_image('http://static.leboncoin.fr', 6)" alt="Bretagne" onclick="clique('Bretagne');">
<area shape="poly" title="Centre" coords="190,103,179,109,173,109,176,118,172,125,174,134,161,159,149,161,147,180,156,189,168,193,173,200,174,209,183,217,202,216,215,215,225,211,230,201,239,199,239,181,235,152,242,144,239,134,227,137,222,128,208,130,205,120,196,116,192,102" href="#" onmouseover="change_image('http://static.leboncoin.fr', 7)" onmouseout="hide_image('http://static.leboncoin.fr', 7)" alt="Centre" onclick="clique('Centre');">
<area shape="poly" title="Champagne-Ardenne" coords="292,41,292,41,277,57,270,65,272,76,260,82,260,96,253,105,257,113,254,122,260,135,272,144,289,142,292,139,298,142,301,152,311,159,319,156,325,156,323,147,328,143,323,139,321,128,315,126,313,120,301,110,298,98,300,93,299,82,303,77,301,68,311,66" href="#" onmouseover="change_image('http://static.leboncoin.fr', 8)" onmouseout="hide_image('http://static.leboncoin.fr', 8)" alt="Champagne-Ardenne" onclick="clique('Champagne-Ardenne');">
<area shape="poly" title="Corse" coords="403,347,374,376,376,396,385,421,400,422,413,381,405,346" href="#" onmouseover="change_image('http://static.leboncoin.fr', 9)" onmouseout="hide_image('http://static.leboncoin.fr', 9)" alt="Corse" onclick="clique('Corse');">
<area shape="poly" title="Franche-Comté" coords="339,214,333,220,326,216,319,219,315,212,319,195,313,190,320,173,317,159,322,156,329,155,326,149,334,141,348,141,366,149,366,155,374,170" href="#" onmouseover="change_image('http://static.leboncoin.fr', 10)" onmouseout="hide_image('http://static.leboncoin.fr', 10)" alt="Franche-Comté" onclick="clique('Franche-Comté');">
<area shape="poly" title="Haute-Normandie" coords="190,47,190,47,202,59,200,67,202,84,196,88,189,102,178,108,164,102,153,74,148,57" href="#" onmouseover="change_image('http://static.leboncoin.fr', 11)" onmouseout="hide_image('http://static.leboncoin.fr', 11)" alt="Haute-Normandie" onclick="clique('Haute-Normandie');">
<area shape="poly" title="Ile-de-France" coords="202,86,191,101,197,114,205,120,209,127,223,127,226,134,238,133,242,124,252,123,255,114,253,105,243,92,231,94,216,86" href="#" onmouseover="change_image('http://static.leboncoin.fr', 12)" onmouseout="hide_image('http://static.leboncoin.fr', 12)" alt="Ile-de-France" onclick="clique('Ile-de-France');">
<area shape="poly" title="Languedoc-Roussillon" coords="246,400,230,406,197,404,200,393,214,391,213,386,207,384,206,371,198,359,202,354,229,354,231,346,251,337,256,323,248,316,241,296,251,287,270,292,276,311,284,316,296,313,303,327,295,331,294,340,282,351" href="#" onmouseover="change_image('http://static.leboncoin.fr', 13)" onmouseout="hide_image('http://static.leboncoin.fr', 13)" alt="Languedoc-Roussillon" onclick="clique('Languedoc-Roussillon');">
<area shape="poly" title="Limousin" coords="181,219,171,225,170,229,173,238,166,246,168,251,180,253,182,255,185,273,191,278,211,284,214,265,224,262,222,243,226,239,226,226,215,217,202,217,182,219" href="#" onmouseover="change_image('http://static.leboncoin.fr', 14)" onmouseout="hide_image('http://static.leboncoin.fr', 14)" alt="Limousin" onclick="clique('Limousin');">
<area shape="poly" title="Lorraine" coords="322,62,311,68,303,70,305,79,300,83,302,94,299,98,302,110,314,119,316,125,323,127,325,140,330,142,334,140,347,139,359,145,369,124,364,114,370,108,368,100,362,96,360,92,368,86,372,91,380,91,386,82" href="#" onmouseover="change_image('http://static.leboncoin.fr', 15)" onmouseout="hide_image('http://static.leboncoin.fr', 15)" alt="Lorraine" onclick="clique('Lorraine');">
<area shape="poly" title="Midi-Pyrénées" coords="192,280,181,296,175,299,173,319,142,330,134,328,132,343,142,355,132,370,129,385,197,397,200,391,212,391,212,388,206,385,205,371,197,360,200,352,227,353,229,345,248,336,255,325,247,318,239,297,232,287,225,295,212,300,210,286" href="#" onmouseover="change_image('http://static.leboncoin.fr', 16)" onmouseout="hide_image('http://static.leboncoin.fr', 16)" alt="Midi-Pyrénées" onclick="clique('Midi-Pyrénées');">
<area shape="poly" title="Nord-Pas-de-Calais" coords="191,30,199,35,207,36,213,41,224,38,224,43,248,50,263,46,281,50,279,29,231,0,190,2" href="#" onmouseover="change_image('http://static.leboncoin.fr', 17)" onmouseout="hide_image('http://static.leboncoin.fr', 17)" alt="Nord-Pas-de-Calais" onclick="clique('Nord-Pas-de-Calais');">
<area shape="poly" title="Pays de la Loire" coords="113,118,115,140,106,147,67,164,67,173,80,205,104,222,111,214,115,219,121,215,125,217,126,214,117,185,130,181,142,183,145,181,148,161,161,156,173,134,169,130,159,130,154,123,144,123,140,118" href="#" onmouseover="change_image('http://static.leboncoin.fr', 18)" onmouseout="hide_image('http://static.leboncoin.fr', 18)" alt="Pays de la Loire" onclick="clique('Pays de la Loire');">
<area shape="poly" title="Picardie" coords="189,43,204,58,202,65,204,84,216,84,231,93,244,91,253,101,258,96,258,82,271,75,269,65,280,52,264,48,247,53,223,45,222,40,215,42,205,37,193,32" href="#" onmouseover="change_image('http://static.leboncoin.fr', 19)" onmouseout="hide_image('http://static.leboncoin.fr', 19)" alt="Picardie" onclick="clique('Picardie');">
<area shape="poly" title="Poitou-Charentes" coords="131,184,119,187,127,214,125,219,114,221,111,217,102,224,101,244,114,258,139,273,172,239,168,227,181,217,173,209,167,194,156,191,147,183,141,186,132,184" href="#" onmouseover="change_image('http://static.leboncoin.fr', 20)" onmouseout="hide_image('http://static.leboncoin.fr', 20)" alt="Poitou-Charentes" onclick="clique('Poitou-Charentes');">
<area shape="poly" title="Provence-Alpes-Côte d'Azur" coords="364,275,350,272,347,275,352,284,343,284,324,303,332,313,328,321,317,318,313,313,299,313,305,328,298,332,295,340,282,354,339,372,377,359,405,325,374,284,366,275" href="#" onmouseover="change_image('http://static.leboncoin.fr', 21)" onmouseout="hide_image('http://static.leboncoin.fr', 21)" alt="Provence-Alpes-Côte d'Azur" onclick="clique('Provence-Alpes-Côte dAzur');">
<area shape="poly" title="Rhône-Alpes" coords="362,212,340,214,333,222,325,218,321,221,313,212,304,211,301,225,290,221,289,226,275,231,270,224,267,233,265,242,271,252,273,260,289,265,292,270,272,292,277,309,284,313,301,311,316,311,318,316,327,318,330,314,323,302,343,282,348,282,345,275,350,270,369,273,382,262,378,228,365,212" href="#" onmouseover="change_image('http://static.leboncoin.fr', 22)" onmouseout="hide_image('http://static.leboncoin.fr', 22)" alt="Rhône-Alpes" onclick="clique('Rhône-Alpes');">
<area shape="poly" title="Guadeloupe" coords="71,473,81,463,79,448,88,451,96,446,111,448,101,439,97,431,89,423,83,430,86,435,81,436,80,442,74,440,66,435,60,441,62,449,63,458,70,473,104,466,110,473,106,478,100,476,98,470,104,468,115,442,119,445,126,441,124,437,118,439,73,481,72,476,71,477,80,476,81,481,72,479" href="#" onmouseover="change_image('http://static.leboncoin.fr', 23)" onmouseout="hide_image('http://static.leboncoin.fr', 23)" alt="Guadeloupe" onclick="clique('Guadeloupe');">
<area shape="poly" title="Martinique" coords="146,426,143,434,151,440,149,445,162,457,158,466,164,472,168,470,183,473,186,480,192,470,184,452,176,448,181,444,176,441,185,439,184,435,175,438,169,434,165,429,157,426,148,427" href="#" onmouseover="change_image('http://static.leboncoin.fr', 24)" onmouseout="hide_image('http://static.leboncoin.fr', 24)" alt="Martinique" onclick="clique('Martinique');">
<area shape="poly" title="Guyane" coords="227,431,234,436,252,442,259,452,252,461,250,471,243,480,239,478,237,477,228,480,220,477,222,472,223,465,228,463,220,454,221,448,219,445,218,442,223,437,227,432" href="#" onmouseover="change_image('http://static.leboncoin.fr', 25)" onmouseout="hide_image('http://static.leboncoin.fr', 25)" alt="Guyane" onclick="clique('Guyane');">
<area shape="poly" title="Réunion" coords="298,439,318,440,324,446,325,451,333,461,330,469,332,477,318,480,310,479,300,472,293,473,292,468,285,456,286,451,290,449,291,445,298,441" href="#" onmouseover="change_image('http://static.leboncoin.fr', 26)" onmouseout="hide_image('http://static.leboncoin.fr', 26)" alt="Réunion" onclick="clique('Réunion');">
</map>
<script type="text/javascript">
<!--
preload_image('http://static.leboncoin.fr/img/map_1.png');
preload_image('http://static.leboncoin.fr/img/map_2.png');
preload_image('http://static.leboncoin.fr/img/map_3.png');
preload_image('http://static.leboncoin.fr/img/map_4.png');
preload_image('http://static.leboncoin.fr/img/map_5.png');
preload_image('http://static.leboncoin.fr/img/map_6.png');
preload_image('http://static.leboncoin.fr/img/map_7.png');
preload_image('http://static.leboncoin.fr/img/map_8.png');
preload_image('http://static.leboncoin.fr/img/map_9.png');
preload_image('http://static.leboncoin.fr/img/map_10.png');
preload_image('http://static.leboncoin.fr/img/map_11.png');
preload_image('http://static.leboncoin.fr/img/map_12.png');
preload_image('http://static.leboncoin.fr/img/map_13.png');
preload_image('http://static.leboncoin.fr/img/map_14.png');
preload_image('http://static.leboncoin.fr/img/map_15.png');
preload_image('http://static.leboncoin.fr/img/map_16.png');
preload_image('http://static.leboncoin.fr/img/map_17.png');
preload_image('http://static.leboncoin.fr/img/map_18.png');
preload_image('http://static.leboncoin.fr/img/map_19.png');
preload_image('http://static.leboncoin.fr/img/map_20.png');
preload_image('http://static.leboncoin.fr/img/map_21.png');
preload_image('http://static.leboncoin.fr/img/map_22.png');
preload_image('http://static.leboncoin.fr/img/map_23.png');
preload_image('http://static.leboncoin.fr/img/map_24.png');
preload_image('http://static.leboncoin.fr/img/map_25.png');
preload_image('http://static.leboncoin.fr/img/map_26.png');
preload_image('http://static.leboncoin.fr/img/deposer_roll.png');
//-->
</script>
</body>
</html>
), j'en appelle à votre aide : tout tuto, exemple, coup de main, etc., je suis preneur 
Attention remplacer