Partage
  • Partager sur Facebook
  • Partager sur Twitter

modifier menu liste avec JS

    19 juin 2019 à 10:13:24

    Bonjour,

    J'ai crée un petit bout de code pour que lorsque je clique sur une case de mon menu elle change de couleur.

    Mais ça ne fonctionne pas et je ne parviens pas à trouver l’erreur...

    <!doctype html>
    <html lang="fr">
    <head>
      <meta charset="utf-8">
      <title>Titre de la page</title>
      <link rel="stylesheet" href="style1.css">
      <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    </head>
    
    <body>
      <script type="text/javascript">
            $('#menudemo li').click(function(){
              $(this).addClass("actif").siblings().removeClass("actif");
            });
      </script>
    
      <ul id="menudemo">
        <li>lien 1</li>
        <li>lien 2</li>
        <li>lien 3</li>
      </ul>
    </body>
    </html>
    
    .actif {
      color:red
    }
    

    Merci de votre aide !


    • Partager sur Facebook
    • Partager sur Twitter
      19 juin 2019 à 10:23:13

      c un problème de position

      fais ainsi :

      <!doctype html>
      <html lang="fr">
      <head>
        <meta charset="utf-8">
        <title>Titre de la page</title>
        <link rel="stylesheet" href="style1.css">
        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <style>
        .actif {
        color:red
      }
        </style>
      </head>
       
      <body>
       
       
        <ul id="menudemo">
          <li>lien 1</li>
          <li>lien 2</li>
          <li>lien 3</li>
        </ul>
        <script type="text/javascript">
              $('#menudemo li').click(function(){
                $(this).addClass("actif").siblings().removeClass("actif");
              });
        </script>
      </body>
      </html>



      -
      Edité par YoplaHips 19 juin 2019 à 10:23:35

      • Partager sur Facebook
      • Partager sur Twitter

      modifier menu liste avec JS

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      • Editeur
      • Markdown