Bootstrap 3 - classe active
Résolu/Fermé
chabinot
chabinot
- Messages postés
- 282
- Date d'inscription
- mardi 10 novembre 2015
- Statut
- Membre
- Dernière intervention
- 15 mai 2022
chabinot
- Messages postés
- 282
- Date d'inscription
- mardi 10 novembre 2015
- Statut
- Membre
- Dernière intervention
- 15 mai 2022
2 réponses
jordane45
13 déc. 2017 à 12:46
- Messages postés
- 35482
- Date d'inscription
- mercredi 22 octobre 2003
- Statut
- Modérateur
- Dernière intervention
- 23 mai 2022
13 déc. 2017 à 12:46
Bonjour,
Ton problème c'est que tu as des liens...
Donc lorsque tu cliques sur un lien... ça redirige vers cette page.... et ça recharge donc le JS qui ne conserve donc pas le $(this) ...
Ton "seul" moyen (si tu n'utilises que du JS) .. c'est de faire une fonction à l'ouverture de ta page
qui vérifie le "nom" de ta page actuelle et qui place la classe active en fonction sur le bon lien.
NB: Au passage .. attention tu as des espaces en trop dans certains de tes HREF
Ton problème c'est que tu as des liens...
Donc lorsque tu cliques sur un lien... ça redirige vers cette page.... et ça recharge donc le JS qui ne conserve donc pas le $(this) ...
Ton "seul" moyen (si tu n'utilises que du JS) .. c'est de faire une fonction à l'ouverture de ta page
qui vérifie le "nom" de ta page actuelle et qui place la classe active en fonction sur le bon lien.
NB: Au passage .. attention tu as des espaces en trop dans certains de tes HREF
chabinot
13 déc. 2017 à 13:52
- Messages postés
- 282
- Date d'inscription
- mardi 10 novembre 2015
- Statut
- Membre
- Dernière intervention
- 15 mai 2022
13 déc. 2017 à 13:52
Merci pour ta réponse, c'est ce que j'avais fait :
functions.php
menu.php
De cette façon, cela marche, mais, quand j'inspecte, j'ai des trucs bizarres comme par exemple :
<li class="<br />
<b>Notice</b>: Only variables should be passed by reference in <b>D:\serveur\www\boom\includes\functions.php</b> on line <b>83</b><br />
active"><a href="index.php">Accueil</a></li>
La ligne 83 de functions.php est :
Si tu as une idée d'où cela peut-il venir. Je continue à chercher de mon côté.
Cordialement
functions.php
<?php // Gère l'état acrif de nos différents liens if (!function_exists('set_active')) { function set_active($file, $class = 'active') { $page = array_pop(explode('/', $_SERVER['SCRIPT_NAME'])); if ($page == $file.'.php') { return $class; } else { return " "; } } }
menu.php
<div id="navbar" class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right menu"> <li class="<?= set_active('index') ?>"><a href="index.php">Accueil</a></li> <li class="<?= set_active('login') ?>"><a href="login.php">Connexion</a></li> <li class="<?= set_active('register') ?>"><a href="register.php">Inscription</a></li> </ul> </div>
De cette façon, cela marche, mais, quand j'inspecte, j'ai des trucs bizarres comme par exemple :
<li class="<br />
<b>Notice</b>: Only variables should be passed by reference in <b>D:\serveur\www\boom\includes\functions.php</b> on line <b>83</b><br />
active"><a href="index.php">Accueil</a></li>
La ligne 83 de functions.php est :
$page = array_pop(explode('/', $_SERVER['SCRIPT_NAME']));
Si tu as une idée d'où cela peut-il venir. Je continue à chercher de mon côté.
Cordialement