Quel est le meilleur moyen de faire sauter le menu (HTML, sélectionnez le menu déroulant)?
Chaque <option>
HTML <select>
aura URL externe et doit s'ouvrir dans une nouvelle fenêtre. Si il est possible de faire dans le CSS et le HTML seul alors bon, si pas possible sans JavaScript, alors il doit être discret.
"Pour ne pas". Sérieusement, sauter les menus sont un peu horrible de conception de l'INTERFACE utilisateur (comme le sont les nouvelles fenêtres ne sont pas utilisateur a déclenché)
OriginalL'auteur Jitendra Vyas | 2010-01-26
Vous devez vous connecter pour publier un commentaire.
“Sauter menu” est discrédité à la navigation de l'appareil il y a plusieurs années, qui ne doivent pas être ramenés.
Auto-naviguer-sur-changement
<select>
les menus sont impropres à la navigation, car:les utilisateurs du clavier sera tir d'un événement de changement à chaque fois qu'ils déplacer la sélection, ce qui rend impossible pour eux d'utiliser le contrôle;
non-JavaScript agents (y compris les moteurs de recherche) ne sera pas en mesure de voir ou de suivre les liens;
les valeurs d'un formulaire sont conservées sur la page arrière/avant les navigations, faisant de l'sélectionnez afficher la bonne valeur après une navigation, ce qui rend impossible pour choisir la même option à nouveau;
les utilisateurs ne peuvent pas utiliser leur navigateur normal des outils de navigation, comme le moyen-cliquez sur "ouvrir dans un nouvel onglet" ou " lien de signet’.
Donc la "meilleure" façon de faire un menu de reroutage est pas. Si vous voulez quelque chose qui se comporte de la même façon mais qui n'ont pas ces inconvénients, rendez-vous pour un
<div>
qui est dissimulé et re-sauté-up en JavaScript, contenant de la plaine<a>
liens pointés sur les pages. Vous pouvez définir le style qu'il ressemble à une liste déroulante si vous voulez vraiment, et vous pouvez les faire ouvrir de nouvelles fenêtres lors de la gauche cliqué sur si vous devez (je vous souhaite de ne pas, tout de même).+1 pour le détail et la grande réponse
Si le CSS est désactivé, vous obtenez une simple liste de liens, qui est sur le mieux que vous puissiez espérer. Pour le rendre encore utilisable sans JS, vous avez la div visible dans la page normale, puis utiliser un script pour le cacher jusqu'à ce qu'il bascule de l'ouvrir.
ok, alors je pense que ce sera une bonne option stackoverflow.com/questions/1897129/...
Je suis d'accord avec le principe général, mais: “les utilisateurs du Clavier sera tir d'un événement de changement à chaque fois qu'ils déplacer la sélection, ce qui rend impossible pour eux d'utiliser le contrôle.” Est-ce vrai? Je pensais que le
onchange
cas seulement tiré une fois que vous avez fait le choix d'une option dans unselect
champ.OriginalL'auteur bobince
Vous ne pouvez pas ouvrir les liens des
<select>
éléments sans Javascript. La façon d'ouvrir une nouvelle Fenêtre avec le Javascript est comme ceci:À joindre à la
<select>
élément, essayez ceci:En supposant que l'URL est définie dans le
value
attribut de chaque<option>
élément.avez-vous modifier l'OP et a ajouté l'jquery Tag ?!?
Comment sur la vérification de la modifier avant de poser des questions idiotes? :p
je savais que c'était tiré par les cheveux (à partir du premier commentaire).. Aussi je ne savais pas que je pouvais voir les modifications ... je m'en excuse.. blush
OriginalL'auteur DisgruntledGoat