J'ai utilisé un code en js qui permet de changer d'item active au clique d'un autre item sur mon menu mais mon problème et que le selecteur se reset à chaque fois à chaque changement de page une idée pour résoudre ceci?
voici le code de mon default.php :
- Code: Tout sélectionner
<!DOCTYPE html>
<html lang="fr">
<head> <!-- t�te de page -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--concerne IE-->
<meta name="viewport" content="width=device-width, initial-scale=1"> <!--concerne portable-->
<link rel="stylesheet" type="text/css" href="Semantic/semantic.css ">
<link rel="stylesheet" type="text/css" href="Semantic/mon_css.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="Semantic/semantic.min.js"></script>
</head>
<body>
<?php require('Include/Menu.php'); ?>
<?php require('Include/Javascript.php'); ?>
voici mon Menu.php:
- Code: Tout sélectionner
<div class="ui blue inverted segment">
<div class="ui inverted secondary pointing menu">
<a class="active item" href="index.php">
<h3>Accueil</h3>
</a>
<a class="item" href="articles.php">
Articles
</a>
<div class="right menu">
<div class="item">
<div class="ui icon input">
<input placeholder="chercher article" type="text">
<i class="search icon"></i>
</div>
</div>
<div class="item">
<div class="ui primary button">Se connecter</div>
</div>
</div>
</div>
</div>
et voici mon js :
- Code: Tout sélectionner
$('.ui.menu')
.on('click', '.item', function() {
if(!$(this).hasClass('dropdown')) {
$(this)
.addClass('active')
.siblings('.item')
.removeClass('active');
}
});
SitemapIndex
Flux RSS