Garder le selecteur sur la page sélectionner

Toutes vos questions sur jQuery, CSS, HTML5, mise en page...
TiDev
 
Messages: 1
Inscription: 27 Juin 2017, 07:42

Garder le selecteur sur la page sélectionner

Messagede TiDev » 27 Juin 2017, 07:49

Bonjour,
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');
      }
    });

Avatar de l’utilisateur
Galdon
Administrateur du site
Administrateur du site
 
Messages: 2167
Inscription: 06 Sep 2008, 22:05

Re: Garder le selecteur sur la page sélectionner

Messagede Galdon » 08 Juil 2017, 14:40

C'est normal que l'état de la page soit perdu quand on change de page car il n'y a pas de persistance du DOM d'une page à l'autre, à chaque fois qu'on charge une nouvelle page, l'ancienne est détruite pour laisser place à la nouvelle. Si tu veux conserver l'état il faut le restaurer manuellement en javascript en utilisant par exemple sessionStorage ou localStorage (session côté client) pour mémoriser l'état et pouvoir le restaurer plus tard.
"Si tu veux me parler, envoie-moi un... FAX !" - George Abitbol


Retourner vers HTML / CSS / Javascript

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités