bonjour à vous

je viens solliciter votre aide sur un problème que je n'arrive pas a résoudre.

en effet je fait mon site et en page d'accueil j'ai une image avec des zone cliquable. Jusque la rien de bien méchant, le problème se trouve dans le faite que je narrive pas à changer les coordonnées de mes area à partir de mon script.

voici les deux parties de code concerné :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function CoordonneesZones()
{
	if ((screen.width >= 1024) && (screen.height >= 768))
	{
		//Creation de la zone du logo
		var zone = document.createElement("area");
		zone.id = "zone1";
		zone.href = "./contact.html";
		zone.shape = "poly";
		zone.coords = "0,0,50,0,312,0,367,220,454,207,536,212,605,223,658,249,682,270,689,294,682,318,654,344,613,364,537,380,450,384,349,367,288,337,271,312";
 
		//
		var mapObj = document.getElementById("mapMenu")
		mapObj.removeChild(mapObj.firstChild)
		mapObj.appendChild(zone);
	}
	else
	{
 
	}
 
}
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<body>
	<!-- start page --> 
	<div id="logo1">
		<img src="Images/acceuil.png" usemap="#mapMenu" />
 
		<map name="mapMenu">
			<area id="zone1" shape="poly" coords="267,297,276,268,312,241,367,220,454,207,536,212,605,223,658,249,682,270,689,294,682,318,654,344,613,364,537,380,450,384,349,367,288,337,271,312" href="./contact.html" />
			<area id="zone2" shape="rect" coords="447,115,671,138" href="./1.html" />
			<area id="zone3" shape="rect" coords="606,161,826,184" href="./2.html" />
			<area id="zone4" shape="rect" coords="691,206,829,231" href="./3.html" />
			<area id="zone5" shape="rect" coords="732,251,852,276" href="./4.html" />
			<area id="zone6" shape="rect" coords="733,297,864,322" href="./5.html" />
			<area id="zone7" shape="rect" coords="714,340,853,367" href="./6.html" />
			<area id="zone8" shape="rect" coords="668,387,872,413" href="./7.html" />
			<area id="zone9" shape="rect" coords="623,434,826,461" href="./8.html" />
 
			<script type="text/javascript">
				CoordonneesZones();
			</script>
		</map>
	</div>
	<!-- end page -->
</body>
Le principe étant de changer les coordonnées de mes area en fonction de la résolution détecté.

merci pour votre aide