Bouton allumé en fonction de la page

Bonjour,
pour mon site, j'ai créer un menu avec des boutons créer sous photoshop, et j'ai deux états : normal, et plus clair quand la souris passe sur le bouton. Mon menu est dans une page php, que j'inclus dans chaque page du site.
Pour que le visiteur sache ou il se trouve, j'aimerais que le bouton qui correspond à la page visitée, soit dans le même état que quand la souris passe dessus, c'est à dire plus clair.
Est ce que le javascript peut faire sa? Si oui comment?
Merci :)

ça peut se faire bien sur mais il faut savoir comment est structurée ta page ...

tu as des frames ?

Non, je n'ai aucun frames...
C'est une page basique en xhtml et css. A part pour mes boutons, voila le code de mon menu :

Code:

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
 
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
 
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onLoad="MM_preloadImages('Boutons/accueilon.png','Boutons/m&eacute;tieron.png','Boutons/nosclientson.png','Boutons/methodeson.png','Boutons/exempleson.png','Boutons/partenaireson.png','Boutons/glossaireon.png','Boutons/contacton.png')">
<div id="menu">
  <a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Accueil','','Boutons/accueilon.png',1)"><img src="Boutons/accueil.png" alt="Accueil" name="Accueil" width="175" height="55" border="0" id="Accueil" /></a>
 <br />
 <a href="notremetier.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Notre m&eacute;tier','','Boutons/metieron.png',1)"><img src="Boutons/metier.png" alt="Notre m&eacute;tier" name="Notre m&eacute;tier" width="175" height="55" border="0" id="Notre m&eacute;tier" /></a> 
 <br />
 <a href="nosclients.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Nos clients','','Boutons/nosclientson.png',1)"><img src="Boutons/nosclients.png" alt="Nos clients" name="Nos clients" width="175" height="55" border="0" id="Nos clients" /></a>
 <br />
 <a href="nosmethodes.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Nos m&eacute;thodes','','Boutons/methodeson.png',1)"><img src="Boutons/methodes.png" alt="Nos m&eacute;thodes" name="Nos m&eacute;thodes" width="175" height="55" border="0" id="Nos m&eacute;thodes" /></a>
 <br />
 <a href="exemples.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Exemples','','Boutons/exempleson.png',1)"><img src="Boutons/exemples.png" alt="Exemples" name="Exemples" width="175" height="55" border="0" id="Exemples" /></a>
 <br />
 <a href="votrepartenaire.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Nos partenaires','','Boutons/partenaireson.png',1)"><img src="Boutons/partenaires.png" alt="Nos partenaires" name="Nos partenaires" width="175" height="55" border="0" id="Nos partenaires" /></a>
 <br />
 <a href="glossaire.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Glossaire','','Boutons/glossaireon.png',1)"><img src="Boutons/glossaire.png" alt="Glossaire" name="Glossaire" width="175" height="55" border="0" id="Glossaire" /></a>
 <br />
 <a href="contact.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','Boutons/contacton.png',1)"><img src="Boutons/contact.png" alt="Contact" name="Contact" width="175" height="55" border="0" id="Contact" /></a>
   </div>

quel est l'indicateur de la page chargée ?

heu pas de frames ???

Code:

d=parent.frames[n.substring(p+1)].document

En même temps c'est dreamweaver qui a tout fait donc je sais pas.
J'y connais rien en js je veux juste savoir si ce que je faire, c'est possible de le faire, et avec quel outil.

oui c'est possible avec notepad ...
suffit de reperer le location href dans le frame et attibuer l'image en focntion ...

A quel fonction dois-je faire appelle?

tui dois créer ta focntion qui en focntion du nom recupéré en location.href du frame affichera tel ou telle image pour le bouton ...

ok j'ai compris le principe. merci :)