Discussion :

[DamKre]

Bonjour,

Je débute en programmation Web ; je m'y mets pour aider à refaire le site de mon établissement...

J'ai suivi le tuto Un menu déroulant animé en CSS3 car sa structure permet d'organiser les pages à notre convenance.

J'ai déjà :

• une page ( pour l'instant, index.php )
• le menu ( menu.php, appelé par une fonction PHP include )
• la feuille de style du menu ( style_menu.css )

Le tout fonctionne bien.

Dans la version originale du tuto ( à consulter ici ), en fin de page, il est proposé la version "mobile" de ce tuto. Par contre, étant novice en la matière, je ne vois pas où placer les codes qui y sont proposés.
Pourriez-vous m'aider ?

D'avance, grand merci !

[Invité]

Bonjour,

L'inconvénient des menus "au survol" (:hover), c'est qu'il sont difficiles à utiliser sur media tactiles.

C'est pourquoi je propose un menu "au clic" (CSS + jQuery), et responsive :

• https://codepen.io/jreaux62/pen/dPxKKQ
• https://codepen.io/jreaux62/pen/eedRwL (variante)

A savoir :

• un menu trop complexe (avec des sous-sous-menus) n'est pas ergonomique.
• Il vaut mieux un menu simple, et éventuellement un menu secondaire dans la page.

[DamKre]

Bonjour !
Merci déjà de ta réponse.

Il va donc falloir revoir un peu le contenu du menu ; je vais m'y employer et ce n'est pas un problème.

Si je suis ce que tu m'as indiqué, la partie HTML et la partie CSS, je peux les remplacer.
Par contre, pourrais-tu m'indiquer où insérer la partie "JS" ( javascript ) ?
Merci !

[Invité]

Bonjour,

la partie JS se met dans un fichier .js, et sera intégré à la page avec :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <!-- bibliotheque jQuery -->
	<script src="url-du-fichier-javascript.js"></script>

A mettre en fin de fichier, avant la balise </body>