Map ne fonctionne pas sous ie6
J'ai mis un map sur mes images pour faire mon menu graphique, tout fonctionne a merveille sauf ds ie6
je vous montre le code si qqun comprend pkoi j'ai ce probleme. stp expliquer moi
Code:
1
2
3
4
|
<map name="comment" id="comment"><area shape="poly" coords="56,10,60,50,189,46,191,4" href="comment.html" onmouseover="javascript:montre('smenu3'); javascript:imgSwap(menu03);" onmouseout="javascript:montre(); javascript:imgSwap(menu03);"/></map>
<div><img src="images/menu/03-commentFaire.png" alt="Comment faire?" name="menu03" width="213" height="57" border="0" usemap="#comment" id="menu03" title="Comment faire?" onmouseover="imgSwap(this)" onmouseout="imgSwap(this)" /></div> |
Javascript
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
function imgSwap(oImg)
{
var strOver = "_on" // image to be used with mouse over
var strOff = "_off" // normal image
var strImg = oImg.src
if (strImg.indexOf(strOver) != -1)
oImg.src = strImg.replace(strOver,strOff)
else
oImg.src = strImg.replace(strOff,strOver)
}
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
} |
