Changer l'image bg d'un onglet après clic

Fermé
Ishan Shade Messages postés 10 Date d'inscription samedi 14 octobre 2006 Statut Membre Dernière intervention 12 juin 2011 - 20 janv. 2010 à 11:22
Ishan Shade Messages postés 10 Date d'inscription samedi 14 octobre 2006 Statut Membre Dernière intervention 12 juin 2011 - 20 janv. 2010 à 15:39
Bonjour,

Voilà, je suis confronté à un petit problème.

Le menu de mon site est sous forme d'onglet (chacun ayant une image background qui change en fonction du hover)

J'aimerais qu'à chaque fois qu'on atterrit sur une nouvelle page (via ces onglets), le background de l'onglet passe de menu-bg.png à menu-hover.png

Ce menu onglet étant codé sur ma page index.php, il ne m'est pas possible de modifier cela manuellement pour chacune des pages, vu que je fais appel aux pages via un include (et donc index.php?lien=page**)


Voici le code de mon menu + le CSS correspondant




<ul id="menu1" style="font-family:"Arial"">
<li><a href="index.php?lien=accueil">Accueil</a></li>
<li><a href="index.php?lien=ceics">Le CEICS</a></li>
<li><a href="index.php">Evènements notables</a>
<ul id="menu2">
<li><a href="index.php?lien=ski"><center>Séjour au Ski</center></a></li>
<li><a href="index.php?lien=bal"><center>Bal de l'IHECS</center></a></li>
<li><a href="index.php?lien=ndm"><center>Nuit des Médias</center></a></li>
</ul>
</li>
<li><a href="index.php?lien=elections">Elections</a></li>
<li><a href="index.php?lien=membres">Membres</a></li>
<li><a href="index.php?lien=agenda">Agenda</a></li>
<li><a href="index.php?lien=photos">Photos</a></li>
<li><a href="https://lolforum.net/" target="_blank">Forum</a></li>
<li><a href="index.php?lien=liens">Liens</a></li>
</ul>


#menu1 {
height:35px;
line-height:35px;
background:url(images/bg-menu.png) repeat-x;
padding:0 10px;s
font-size: 10pt;
font-family:"Arial";
}
#menu1 ul {
list-style-type:none;
}
#menu1 li {
float:left;
}
#menu1 li a {
padding:0 15px;
display:block;
color:#ffffff;
margin-right:2px;
}
#menu1 li a:hover {
background:url(images/bg-menu-hover.png) no-repeat center center;
}

#menu2 ul {
list-style-type:none;
}
#menu2 li {
float:center;
width:142px;
}
#menu2 li a {
padding:0 15px;
display:block;
color:#ffffff;
margin-right:2px;
}
#menu2 li a:hover {
background:url(images/bg-menu-hover2.png) no-repeat center center;
width:auto;
}




Si je clic sur Rubrique 2, j'aimerais que l'onglet change (que son background devienne bg-menu-hover.png au lieu de bg-menu.png), afin que l'internaute sache exactement où il est sur le site

Je ne sais pas si je me fais bien comprendre en fait...

Enfin, d'avance merci pour vos réponses!
A voir également:

1 réponse

Ishan Shade Messages postés 10 Date d'inscription samedi 14 octobre 2006 Statut Membre Dernière intervention 12 juin 2011
20 janv. 2010 à 15:39
Personne?
0