Bouton allumé en fonction de la page

**MasterChief78** · 03/01/2007, 23h53

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

**SpaceFrog** · 04/01/2007, 08h52

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

tu as des frames ?

**MasterChief78** · 04/01/2007, 19h55

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 :

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
 
<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>

**SpaceFrog** · 05/01/2007, 08h37

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

heu pas de frames ???

Code :

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

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

**MasterChief78** · 05/01/2007, 12h04

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.