Navigation Inscrivez-vous gratuitement pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter Sujet: JavaScript 08/12/2013, 23h59 #1 Membre à l'essai Menu déroulant cliquable Bonjour à tous, Je n'y connais pas grand choses en javascript et je cherche pour un de mes menu une application qui me permettrais de dérouler un sous menu avec un clic et le refermer de la même façon. J'ai déjà trouvé ce code mais je ne vois absolument pas comment m'en servir. J'ai deux autre lignes de code ci-dessous à placer mais après de multiples essais je n'y arrive pas je me demande donc comment faire. < a href = "#" onclick = "ShowHide('elementId'); return false" > Recherche avancée < div id = "monelement" style = "display:none" > 1 2 3 4 5 function ShowHide ( EltId) { with ( document. getElementById ( EltId)) { display= ( display== "block" || display== "")? Comment créer un menu déroulant en CSS (Sans Javascript) - Easytutoriel. "none": "block";}} 1 2 3 4 5 6 7 8 9 10 11 12 13 14 < body > < div id = "leftnav" > < div >
Il existe plusieurs techniques pour créer un menu déroulant, dans cet article je vais vous montrer comment créer un menu déroulant sans JavaScript, sans Jquery, vous pouvez créer votre propre menu déroulant seulement en utilisant le CSS (Cascading Style Sheet). Je vais commencer par vous présenter le code HTML du menu. (l'explication juste après)
Dans le code HTML en haut, vous allez remarquer qu'on a utilisé ces balises:
- . Chaque menu commence avec une liste non-ordonnée qui commence par un élément
. Menu déroulant javascript.com. Pour chaque balise
on trouve des balises
- enchaînés, ce sont les éléments du menu. Et pour mettre un élément du menu, on a utilisé la balise avec l'attribut href="#" pour définir le lien. Voici la structure d'un menu simple sans CSS (Sans class, sans id): Maintenant, on va ajouter le style CSS, pour rendre le menu plus agréable.
function myFunction() { let elem = document. querySelectorAll(""); rEach(element=>{ dEventListener("click", e =>{ ();});})} myFunction(); Production: test2 test3 test1 Notez que la sortie variera en fonction de l'option sélectionnée par l'utilisateur dans la liste déroulante. A l'intérieur de notre HTML, nous avons une balise select avec un id de list, qui sera utilisé pour créer une liste déroulante. Dans ce cas, il y a trois options à l'intérieur de la balise select, chacune ayant un nom de classe drop-down. Et à la fin, nous relions le code JavaScript à la fin de la balise body puisqu'il est présent dans un fichier séparé. A l'intérieur du JavaScript, nous avons une fonction nommée myFunction(). Menu déroulant javascript.html. Ici, nous obtenons d'abord tous les éléments d'option de la liste déroulante en utilisant le nom de classe drop-down en utilisant la propriété querySelectorAll. Ce processus renverra un tableau contenant toutes les options de la liste déroulante. Ensuite, nous allons stocker ce tableau à l'intérieur d'une variable appelée elem.
Dans la fonction callback, vous pouvez écrire le code que vous voulez. Puisque nous voulons récupérer la valeur de l'option sélectionnée dans ce cas, nous utiliserons. Obtenez la valeur de l'option sélectionnée dans la liste déroulante en JavaScript | Delft Stack. Cette commande indiquera quel élément HTML est actuellement sélectionné. Enfin, pour obtenir la valeur de cette option sélectionnée, nous pouvons utiliser et la passer dans la méthode () pour voir la sortie dans la fenêtre de la console.
Sitemap | wwropasx.ru, 2024