Soyez le premier à donner votre avis sur cette source.
Vue 11 776 fois - Téléchargée 1 711 fois
<link rel="stylesheet" href="res/k_map.css" type="text/css" /> <script type="text/javascript" src="res/map_vml_svg_fad.js" ></script> <script type="text/javascript" src="res/region.js" ></script>
<div id='image_map' style='height:283px;width:400px;background:url(image/groupe.jpg);margin:auto' id='image_map4'> </div> <map id='area_map4> <area shape=circle coords="61,52,52" href="#"> <area shape=rect coords="12,106,120,280" href="#"> <area shape=circle coords="163,56,46" href="#"> <area shape=poly coords="172,106,181,113,189,119,194,124,198,152,201,206,199,219,192,232,185,235,181,250,179,257,207,256,205,272,195,269,173,270,172,256,168,237,165,239,162,268,158,271,158,272,133,274,127,266,130,259,153,259,156,254,150,237,139,235,135,224,132,178,134,140,142,122,153,110,160,108,173,108,172,106" href="#"> <area shape=rect coords="211,1,287,276" href="#"> <area shape=circle coords="338,61,49" href="#"> <area shape=rect coords="291,113,399,275" href="#"> </map>
function map_init(){ //pour chaques map on cree une instance en precisant. var obj={ div_map_id:'image_map', // id du div de l'image map. area_map_id:'area_map', //id de la balise map associé. fond:true, //defini si la zone doit etre pleine. true ou false couleur_fond:'255,255,100', //couleur des zone en hexa ou rgb. opacite_fond:10, // opacite des zones valeur de 1 a 10. contour:false, //avec ou sans contour. true ou false couleur_contour:'0,0,0', //couleur de contour en hexa ou rgb. opacite_contour:10, // opacite du contour valeur de 1 a 10. epaisseur_contour:'1', // epaisseur de contour. fad_on:true, // effet fading pour les zones survolé ne fonctionne pas avec ie <= 8 fonction_au_clic:'evtfonction(event)', //nom de la fonction qui doit etre executé quand on clic sur une zone si on laisse le champ vide on sera redirigé en fonction du href de l'area. suis:true,// indique si l'info bull doit etre utilisé (tooltip) true ou false. json:js_region, // le nom de l'objet contenu dans le fichier json pour l'info bull (tooltip) decalage_y:15, // decallage en y de l'infobull par raport a la souris. decalage_x:25 // decallage en x de l'infobull par raport a la souris. } new ob_map(obj); } typeof window.addEventListener == 'undefined' ? attachEvent("onload",map_init) : addEventListener('load',map_init,false);
var js_region=[ { "titre":"nord pas de calais", "contenu":false, "classe":"cadre", "image":false }, { "titre":"picardie", "contenu":"bonjour la picardie", "classe":"cadre", "image":false }, { "titre":"haute normandie", "contenu":'le gros horloge se situant a rouen dans la rue pietonne portant le meme nom', "classe":"cadre", "image":"image/gros_horloge.jpg" } ]
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.