JS Styler l'onglet actif d'un menu
Anouchka2586
Messages postés
50
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
J'aimerais que l'onglet actif prenne ce style :
J'ai ce menu et j'ai crée une fonction qui sera appelée au click de l'onglet mais je ne sais pas comment l'appliquer à l'autre onglet:
J'aimerais que l'onglet actif prenne ce style :
#menu li a{
background: #009E2D;
color: #FFF;
}
J'ai ce menu et j'ai crée une fonction qui sera appelée au click de l'onglet mais je ne sais pas comment l'appliquer à l'autre onglet:
<div id="menu"> <ul> <li id="active1"><a href="index.php" accesskey="1" title="" onclick="myFunction();">Homepage</a></li> <li id="active2"><a href="clients.php" accesskey="2" title="" onclick="myFunction();">Our Clients</a></li> </ul> </div>
<script>
function myFunction(){
document.getElementById('active').style = 'background: #009E2D; color: #FFF';
}
</script>
A voir également:
- JS Styler l'onglet actif d'un menu
- Image styler - Télécharger - Photo & Graphisme
- Menu déroulant excel - Guide
- Rouvrir un onglet fermé - Guide
- Pourquoi je ne vois plus actif il y a ✓ - Forum Facebook Messenger
- Canon quick menu - Télécharger - Utilitaires
3 réponses
Bonjour,
Le plus simple
Le plus simple
<ul>
<li id="active1"><a href="index.php" accesskey="1" title="" onclick="myFunction('active1');">Homepage</a></li>
<li id="active2"><a href="clients.php" accesskey="2" title="" onclick="myFunction('active2');">Our Clients</a></li>
</ul>
function myFunction(id_li){
document.getElementById(id_li).style = 'background: #009E2D; color: #FFF';
}
Ok merci en fait le style s'applique uniquement au click et disparait, j'aimerais que le style reste lorsque je suis sur la page associée au lien.
Le problème, c'est que lors du cliques sur un lien, tu rediriges vers une autre page....index.php ou clients.php
Il ne faut donc pas gérer en javascript... mais en php ..
Un truc du genre
Il ne faut donc pas gérer en javascript... mais en php ..
Un truc du genre
$currentPageName = basename($_SERVER['PHP_SELF']); /* Returns The Current PHP File Name */
if( $currentPageName == "index.php" ){
// ici tu places ton code pour mettre la couleur voulue pour ta page index
}
if( $currentPageName == "clients.php" ){
// ici tu places ton code pour mettre la couleur voulue pour ta page clients
}
Merci, j'ai fait ceci mais le style s'applique uniquement au clic de la souris après ça disparaît :
$currentPageName = basename($_SERVER['PHP_SELF']); /* Returns The Current PHP File Name */
if(( $currentPageName == "index.php" ) || ( $currentPageName == "clients.php" )) {
#menu .current_page_item a
{
background: #009E2D;
color: #FFF;
}
}