Discussion :

[Oriane85]

Bonjour,

Le site internet que je suis en train de r�aliser contient une image map, celle-ci fonctionne parfaitement sur tous les navigateurs, sauf sur Internet Explorer.
J'ai bien l'affichage en �tiquette de mes titres, mais aucune r�action pour les fonctions javascript associ�es.
Voici mes codes (les balises title et alt contiennent des noms de personnes que je ne souhaite pas communiquer ici) :

Code html :

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
 
<map id="conseil_municipal">
    <area shape="rect" coords="0,50,30,100"   	title="" alt=""  onmouseover="selection('nom_cm1'); CacheTout('cm'); DivStatus('cm1'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm1');" />
    <area shape="rect" coords="75,80,110,120"  	title="" alt=""  onmouseover="selection('nom_cm2'); CacheTout('cm'); DivStatus('cm2'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm2');" />
    <area shape="rect" coords="150,75,180,120" 	title="" alt=""    onmouseover="selection('nom_cm3'); CacheTout('cm'); DivStatus('cm3'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm3');" />
    <area shape="rect" coords="220,90,250,130"  title="" alt=""   onmouseover="selection('nom_cm4'); CacheTout('cm'); DivStatus('cm4'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm4');" />
    <area shape="rect" coords="270,95,305,130"  title="" alt=""	    onmouseover="selection('nom_cm5'); CacheTout('cm'); DivStatus('cm5'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm5');" />
    <area shape="rect" coords="350,90,390,140"  title="" alt="" 	onmouseover="selection('nom_cm6'); CacheTout('cm'); DivStatus('cm6'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm6');" />
    <area shape="rect" coords="35,40,75,90"  	title="" alt=""     onmouseover="selection('nom_cm7'); CacheTout('cm'); DivStatus('cm7'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm7');" />
     <area shape="rect" coords="120,73,145,115"  title="" alt="" onmouseover="selection('nom_cm8'); CacheTout('cm'); DivStatus('cm8'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm8');" />
    <area shape="rect" coords="185,80,215,120"  title="" alt="" onmouseover="selection('nom_cm9'); CacheTout('cm'); DivStatus('cm9'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm9');" />
    <area shape="rect" coords="225,50,255,85"   title="" alt="" onmouseover="selection('nom_cm10'); CacheTout('cm'); DivStatus('cm10'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm10');" />
    <area shape="rect" coords="310,70,340,120"  title="" alt=""     onmouseover="selection('nom_cm11'); CacheTout('cm'); DivStatus('cm11'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm11');" />
    <area shape="rect" coords="80,40,115,75"   	title="" alt=""   onmouseover="selection('nom_cm12'); CacheTout('cm'); DivStatus('cm12'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm12');" />
    <area shape="rect" coords="130,40,170,70"   title="" alt="" onmouseover="selection('nom_cm13'); CacheTout('cm'); DivStatus('cm13'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm13');" />
    <area shape="rect" coords="180,40,220,75"   title="" alt=""  onmouseover="selection('nom_cm14'); CacheTout('cm'); DivStatus('cm14'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm14');" />
    <area shape="rect" coords="260,50,290,90"   title=""  alt=""   onmouseover="selection('nom_cm15'); CacheTout('cm'); DivStatus('cm15'); cacheDiv('consignes');" onmouseout="fin_selection('nom_cm15');" />
</map>
 
<img src="<?php echo $chem; ?>images/conseil_municipal.jpg" alt="conseil municipal" id="img_conseil" usemap="#conseil_municipal" />

Fonctions javascript :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 
function DivStatus( divID )
{//	var divID = nom + numero;
	if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
	{	Pdiv = document.getElementById( divID );
		PcH = true;
 	}
	else if ( document.all && document.all[ divID ] ) // Pour les veilles versions
	{	Pdiv = document.all[ divID ];
		PcH = true;
	}
	else if ( document.layers && document.layers[ divID ] ) // Pour les très veilles versions
	{	Pdiv = document.layers[ divID ];
		PcH = true;
	}
	else
	{	PcH = false;
	}
	if ( PcH )
	{	Pdiv.style.display = ( Pdiv.style.display == 'none' ) ? 'block' : 'none';
	}
}
 
/*
* Cache tous les divs ayant le même préfixe
*/
function CacheTout( nom )
{		 var NumDiv = 1;
		 if ( document.getElementById ) // Pour les navigateurs récents
		{	while ( document.getElementById( nom + NumDiv) )
			{	SetDiv = document.getElementById( nom + NumDiv );
				if ( SetDiv && SetDiv.style.display != 'none' )
				{	DivStatus( nom + NumDiv );
				}
				NumDiv++;
			}
		}
		else if ( document.all ) // Pour les veilles versions
		{	while ( document.all[ nom + NumDiv ] )
			{	SetDiv = document.all[ nom + NumDiv ];
				if ( SetDiv && SetDiv.style.display != 'none' )
				{	DivStatus( nom + NumDiv );
				}
				NumDiv++;
			}
		}
		else if ( document.layers ) // Pour les très veilles versions
		{	while ( document.layers[ nom + NumDiv ] )
			{	SetDiv = document.layers[ nom + NumDiv ];
				if ( SetDiv && SetDiv.style.display != 'none' )
				{	DivStatus( nom + NumDiv );
				}
				NumDiv++;
			}
		}
}
 
 
function selection(id)
{	document.getElementById(id).style.color = "#CA3200";
	document.getElementById(id).style.fontWeight = "bold";
}
function fin_selection(id)
{	document.getElementById(id).style.color = "#555";
	document.getElementById(id).style.fontWeight = "normal";
}

Voil�, Internet Explorer me dit "Cet objet ne g�re pas cette action".
Je pr�cise qu'il y a du javascript ailleurs dans le site et que cela fonctionne.

En esp�rant avoir des r�ponses, voire m�me la solution � mon probl�me !

Cordialement,

Oriane

[NoSmoking]

Bonjour,
3 choses
- pour commencer supprimes de ton code toutes les r�f�rences � document.all et document.layer
- passes par des changements de class pour la modification de l'aspect
- sur quelle ligne appara�t l'erreur

[Oriane85]

Merci pour votre r�ponse, cela fonctionne.
Par contre, les r�f�rences � document.all et document.layer fonctionnaient tr�s bien sur un autre site. Cela vient plut�t des modifications d'aspect alors ?
Pour l'erreur, cela apparaissait � la ligne correspondant � la personne survol�e.

Merci pour votre aide.

[Bovino]

document.all et document.layers �taient utiles jusqu'� IE4 et Netscape 4... Autant dire qu'il est pr�f�rable de les ranger dans les oubliettes de la m�moire

[NoSmoking]

si c'est r�solu tant mieux, mais je doit admettre que je n'ai pas compris comment!

[Oriane85]

Et bien, en modifiant mes fonctions de modifications d'aspect (selection et fin_selection).
Merci quand m�me !