L'objectif de ce didacticiel est de créer un menu « accordéon », autrement dit un menu qui se déploie et affiche son contenu si l'utilisateur clique sur un item. Nous allons pour cela utiliser un framework Javascript libre, nommé JQuery, dont le but est de simplifier l'utilisation des fonctions Javascript usuelles.
1. Structure du menu
Nous allons commencer comme toujours par poser la structure de notre menu. Ce dernier est constitué, comme bien souvent, d'une liste non numérotée (<ul>), comportant 4 items. Certains d'entre eux contiennent des sous-menus, qui ne s'afficheront qu'après action de l'utilisateur (que l'on définira plus loin). Ce qui nous donne le code suivant :
<ul id="menu">
<li><a href="#">Accueil</a></li>
<li class="gotsubmenu"><a href="#">Ressources</a>
<ul class="submenu">
<li><a href="#">Images</a></li>
<li><a href="#">Vidéos</a></li>
<li><a href="#">Scripts</a></li>
</ul>
</li>
<li class="gotsubmenu"><a href="#">Support</a>
<ul class="submenu">
<li><a href="#">Documentation</a></li>
<li><a href="#">Forum</a></li>
</ul>
</li>
- Accédez à tous les contenus de Connect en illimité
- Découvrez des listes de lecture et des contenus Premium
- Consultez les nouveaux articles en avant-première
Par le(s) même(s) auteur(s)
Les derniers articles Premiums
Les derniers articles Premium
Utilisation avancée de SQLPage
Poursuivons notre découverte de SQLPage en explorant certaines de ses fonctionnalités avancées qui sont généralement indispensables à tous sites ou applications. Dans cet article, nous allons parler de PostgreSQL, d’authentification et de gestion des droits.
Déployer un cluster AMQ Streams avec Ansible
Automatiser entièrement le déploiement d’un cluster Red Hat AMQ Streams est possible… en utilisant Ansible et sa collection dédiée au produit. Démonstration par l’exemple.
Bénéficiez de statistiques de fréquentations web légères et respectueuses avec Plausible Analytics
Pour être visible sur le Web, un site est indispensable, cela va de soi. Mais il est impossible d’en évaluer le succès, ni celui de ses améliorations, sans établir de statistiques de fréquentation : combien de visiteurs ? Combien de pages consultées ? Quel temps passé ? Comment savoir si le nouveau design plaît réellement ? Autant de questions auxquelles Plausible se propose de répondre.
Quarkus : applications Java pour conteneurs
Initié par Red Hat, il y a quelques années le projet Quarkus a pris son envol et en est désormais à sa troisième version majeure. Il propose un cadre d’exécution pour une application de Java radicalement différente, où son exécution ultra optimisée en fait un parfait candidat pour le déploiement sur des conteneurs tels que ceux de Docker ou Podman. Quarkus va même encore plus loin, en permettant de transformer l’application Java en un exécutable natif ! Voici une rapide introduction, par la pratique, à cet incroyable framework, qui nous offrira l’opportunité d’illustrer également sa facilité de prise en main.