Bonjour, je fait un projet à rendre jeudi en cours.

www.lessens.net

sur ma page d'index tous marche.
Sur toutes mes autre pages, le roll over sur les menus "culture" "evenement" "musique" et "multimedia" ne fonctionne pas sur IE.

l'image ne ce remet pas à la normal lors du "OnMouseOut".

Code Des liens (menu):

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
<div id="lnk-cat">
					<div id="lnk-01" class="lnk" OnMouseMove="javascript:over('lnk-01', '01');" OnMouseOut="javascript:out('lnk-01', '01');"><a href="liste.php?lnk=01"><img src="img/lnk-01.jpg" alt="Culture" width="245" height="40" class="noborder" /></a></div>
					<div id="lnk-02" class="lnk" OnMouseMove="javascript:over('lnk-02', '02');" OnMouseOut="javascript:out('lnk-02', '02');"><a href="liste.php?lnk=02"><img src="img/lnk-02.jpg" alt="Evenement" width="245" height="40" class="noborder" /></a></div>
					<div id="lnk-03" class="lnk" OnMouseMove="javascript:over('lnk-03', '03');" OnMouseOut="javascript:out('lnk-03', '03');"><a href="liste.php?lnk=03"><img src="img/lnk-03.jpg" alt="Musique" width="245" height="40" class="noborder" /></a></div>
					<div id="lnk-04" class="lnk" OnMouseMove="javascript:over('lnk-04', '04');" OnMouseOut="javascript:out('lnk-04', '04');"><a href="liste.php?lnk=04"><img src="img/lnk-04.jpg" alt="Multimedia" width="245" height="40" class="noborder" /></a></div>
				</div>
Code de la page function.js

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
function over(source, id)
{
	document.getElementById(source).innerHTML = "<a href=\"liste.php?lnk=" + id + "\"><img src=\"img/lnk-hover-" + id + ".jpg\" alt=\"Categorie" + id + "\" width=\"245\" height=\"40\" class=\"noborder\" />";
}
 
function out(source, id)
{
	document.getElementById(source).innerHTML = "<a href=\"liste.php?lnk=" + id + "\"><img src=\"img/lnk-" + id + ".jpg\" alt=\"Categorie" + id + "\" width=\"245\" height=\"40\" class=\"noborder\" />";
}
Si quelq'un à une idée c'est cool.