Discussion :

[dembroski]

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.

[Auteur]

bonjour,

C'est bien compliqué ton code
Puis les événementsà utiliser sont onmouseover (et non onmousemove) et onmouseout.
Ajoute également un id à tes images.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<div id="lnk-01" class="lnk" onmouseover="over('01');" onmouseout="out('01');">
 
<a href="liste.php?lnk=01">
 
<img id="01" src="img/lnk-01.jpg" alt="Culture" style="width:245px; height:40px; border: none" />
 
</a>
 
</div>

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
function over(id)
{
	document.getElementById(id).src= = "img/lnk-hover-" + id + ".jpg"
}
 
function out(id)
{
	document.getElementById(id).src = "img/lnk-" + id + ".jpg";
}