Ouverture d'une liste

[AiLDee]

Salut tout le monde, sur mon portail, j'Aimerais beaucoup ajouter une fonction que lorsque l'on clique sur une image, une liste de noms ou de phrases apparait. voici un exemple ;



Pouvez-vous m'aider svp !

[AiLDee]

up svp !

[AiLDee]

UP svp !

[AiLDee]

up

[tupac]

Bonjour

Je peux vous proposer ce menu ici.

[AiLDee]

Cool, mais est-ce possible d'avoir une image plutot que Menu 1, menu 2, etc .. ?

[tupac]

Bien sur je m'occupe de ça.

[AiLDee]

Parfait merci beaucoup !

[AiLDee]

et puis ?

[AiLDee]

up

[tupac]

Bonsoir

Pour commencer nous allons héberger le petit javascript sur le forum en faisant comme ceci => panneau d'administration => modules => gestion des pages javascript => créer un nouveau javascript => mettre un titre puis cocher ( sur toutes les pages ) placer le code et valider.

Code javascript a placer dans votre page

Code:

function afficheMenu(obj){
   
   var idMenu    = obj.id;
   var idSousMenu = 'sous' + idMenu;
   var sousMenu  = document.getElementById(idSousMenu);
   
   /*****************************************************/
   /**   si le sous-menu correspondant au menu cliqué    **/
   /** est caché alors on l'affiche, sinon on le cache **/
   /*****************************************************/
   if(sousMenu.style.display == "none"){
      sousMenu.style.display = "block";
   }
   else{
      sousMenu.style.display = "none";
   }
   
}

Une fois cela fait récupérer l'adresse de cette page et placez-la dans ce script

Code:

<script type="text/javascript" src=" ici l'adresse de votre page javascript "></script>

et placer ce script avec le code html.

Code html

Spoiler:

et pour finir le css a placer dans votre feuille de style css.

Spoiler:

[AiLDee]

Merci beaucoup !

[tupac]

Content que cela vous plaise et pensez a d'éditer votre premier message et de cocher ( résolu ) svp.