[Résolu] Menu Deroulant Avec Javascrip - Créer Un Menu Deroulant Avec Js Par Agnon - Openclassrooms

Thursday, 4 July 2024

Insérer Un Menu Déroulant Dans Votre Page ouverture dans la même fenêtre ouverture dans une autre fenêtre Ouverture Dans la Même Fenêtre Insérez le code ci-dessus dans votre page Web et corrigez le comme suit Cette partie définie la fonction "menuderoulant". Coller le code ci-dessus dans l'en-tête de la page (entre les balises & )

Coller le code ci-dessus à l'endroit où vous souhaitez mettre le menu déroulant. Indiquer la page à ouvrir: chemin/ et le nom qui sera indiqué dans le menu Ouverture Dans Une Autre Fenêtre function menuderoulant2(url, haut, gauche, largeur, hauteur, options){ (url, "", "top="+haut+", left="+gauche+", width="+largeur+", height="+hauteur+", "+options);} "menuderoulant2".

L a classe JMenuBar est utilisée pour afficher la barre de menu sur la fenêtre. Il peut avoir plusieurs menus. L'objet de la classe JMenu permet de créer un menu déroulant qui est affiché à partir de la barre de menus. Il hérite de la classe JMenuItem. L'objet de la classe JMenuItem ajoute un simple élément au menu. Les éléments utilisés dans un menu doivent appartenir au JMenuItem ou à l'une de ses sous-classes. Liste des constructeurs: Constructeur Description JMenuBar() Crée une nouvelle barre de menus. JMenu() Crée un nouveau menu sans texte. JMenu(String name) Crée un nouveau menu avec un nom spécifié. JMenu(String name, boolean b) Crée un nouveau menu avec un nom spécifié et un booléen Les méthodes couramment utilisées: add(JMenu c): Ajoute un menu (objet JMenu) à la barre de menus. add(Component c): Ajouter un composant à la fin de JMenu. add(Component c, int index): Ajoute un composant à l'index spécifié de JMenu. add(JMenuItem menuItem): Ajoute un élément de menu à la fin du menu.

Coller le code ci-dessus dans l'en-tête de la page (entre les balises & )

Indiquez le nom du cadre destinataire Ce site vous a plu?

JavaScript Les menus déroulants sont un moyen de créer des menus graphiquement améliorées pour la navigation des utilisateurs dans les pages web. Ces menus sont devenus un standard dans la programmation HTML page web, de nombreux utilisateurs reconnaissent la fonctionnalité de l' interface. Lors de la création d'un menu déroulant JavaScript, il est seulement nécessaire d'ajouter quelques lignes de code dans l'application. Le Javascript Création de menus JavaScript pull- down peut être accompli en utilisant une fonction intégrée dans la page web. La fonction JavaScript est alors appelée par l'élément dans le menu. Chaque fois que de l'utilisateur passe sur le menu, la fonction JavaScript est appelée et elle ouvre une liste d'options pour l'utilisateur. Ci-dessous est un exemple de Javascript tirer vers le bas la fonction du menu: fonction déroulant ( menu_element, la position) { menuObject = tElementById ( menu_element) de style; newPosition = ( parseInt () == -10. )? -100: -10} La première instruction dans le code est le nom de la fonction.

Ci-dessous, nous créons d'abord le tableau d'options à afficher dans la liste déroulante. JComboBox est un composant et a besoin d'un cadre pour résider, nous créons donc un objet JFrame. Ensuite, nous créons l'objet JComboBox et passons le tableau options comme argument dans le constructeur. Nous définissons la position et la taille de la boîte de dialogue à l'aide de la fonction tBounds(). Ensuite, nous créons un objet JButton, passons le texte à afficher dans le constructeur et définissons les limites. Enfin, pour afficher un message lorsqu'une option est choisie dans la liste déroulante, nous créons un JLabel et définissons ses limites. Ensuite, nous ajoutons tous les composants dans le JFrame en utilisant (). Nous définissons la disposition de JFrame comme nulle et fixons sa taille et sa visibilité. A la fin du code, nous ajoutons également une commande ActionListener qui écoute l'action effectuée par le bouton et appelle sa méthode actionPerformed() pour afficher le message dans le JLabel avec l'option que nous avons choisie.