JS Styler l'onglet actif d'un menu
Fermé
Anouchka2586
Messages postés
51
Date d'inscription
vendredi 10 octobre 2014
Statut
Membre
Dernière intervention
20 mars 2022
-
8 août 2020 à 21:59
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 - 10 août 2020 à 17:47
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 - 10 août 2020 à 17:47
A voir également:
- JS Styler l'onglet actif d'un menu
- Menu déroulant excel - Guide
- Menu démarrer windows 11 - Guide
- Round js ✓ - Forum Javascript
- Menu contextuel windows 11 - Guide
- Canon quick menu - Télécharger - Utilitaires
3 réponses
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
Modifié le 9 août 2020 à 10:59
Modifié le 9 août 2020 à 10:59
Bonjour,
Le plus simple
Cordialement,
Jordane
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';
}
Cordialement,
Jordane
Anouchka2586
Messages postés
51
Date d'inscription
vendredi 10 octobre 2014
Statut
Membre
Dernière intervention
20 mars 2022
6
9 août 2020 à 11:40
9 août 2020 à 11:40
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.
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
10 août 2020 à 14:21
10 août 2020 à 14:21
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
}
Anouchka2586
Messages postés
51
Date d'inscription
vendredi 10 octobre 2014
Statut
Membre
Dernière intervention
20 mars 2022
6
10 août 2020 à 17:11
10 août 2020 à 17:11
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;
}
}
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
10 août 2020 à 17:47
10 août 2020 à 17:47
Tu fais n'importe quoi...
Tu ne peux pas mettre du css n'importe comment dans du code php...
Tu ne peux pas mettre du css n'importe comment dans du code php...