Bonjour,

J'ai crée un menu horizontal en php :

<ul id="menu-demo2">
 <?php while ($doc1=$resultat1->fetch()){
   echo "<li><a href='". $_SERVER['PHP_SELF'] ."?code_famille=" .$doc1["code_famille"] . "'>" .$doc1["libelle_famille"] . "</a></li>";
				} ?>

J'aimerai que lorsque je clique sur une des cases du menu, la case s’agrandit (comme une sorte de zoom pour bien montrer que c'est sur cette case que j'ai cliqué). J'ai réussi à faire ça avec un "hover" mais cela fonctionne que lorsque que je survole la case. J'aimerai que lorsque je clique dessus, celle ci reste zoomée.

Est ce qu'il est possible de faire ca sans passer par du java script ?

Salut,

non, impossible en CSS. Mais tu peux le faire en PHP.

Mais pourquoi tu ne veux pas en JS ? ça serait extrêmement plus simple.

-
Edité par Frogweb 17 juin 2019 à 14:08:39

Hello

Tu devrais le faire en JS, ça serait très simple à mettre en oeuvre

Pourquoi veux tu éviter JS ? 

Salut !

Je n'ai pratiquement jamais codé en JS... Est ce que vous avez des débuts de codes à me montrer pour pouvoir faire ça ? 

merci

C'est très simple à l'aide de Jquery, que tu devras appeler dans ton code (je te laisse chercher pour ça).

<ul id="menu-demo">
  <li>lien 1</li>
  <li>lien 2</li>
  <li>lien 3</li>
</ul>

.actif {
  color:red
}

<script type="text/javascript">
      $('#menu-demo li').click(function(){
        $(this).addClass('actif').siblings().removeClass('actif');
      });
</script>