|
JavaScript vous permet de créer chute dynamique (pull) vers le bas des menus . Le code JavaScript est normalement enfermée directement dans le document HTML , ce qui élimine le besoin de deux fichiers , l'un pour le document html et un pour le script. Le code JavaScript peut se trouver n'importe où dans le document, mais il est souvent placé dans la section de la tête . Le code est ensuite appelée dans le corps du document. JavaScript code
Le script inclus dans cet article va créer un menu déroulant qui prendra l'utilisateur vers une nouvelle page Web dès que l'option est sélectionnée .
La première fonction créera un tableau
fonction CreateArray ( ) {var arg = createArray.arguments ; . for (var i = 0; i < arg.length ; i + +) { ce [i] = arg [i] ;} this.length = arg.length ; }
Ensuite vous remplissez le tableau avec l'adresse Web ( URL ) pour vos éléments de menu . Si vous avez plus d'un menu dans votre page Web , vous pouvez créer plus d'un tableau.
Var url = new dernière fonction JavaScript sera ouverte l'option de menu dans la même fenêtre que la page actuelle
fonction openURL ( qui ) . { m = which.selectedIndex ; url = urls [ m]; location.href = url ; }
Les éléments de menu auront chacun un numéro d'index . Ce numéro est référencé dans la déclaration "m = which.selectedIndex " . Le numéro d'index est utilisé dans le " url = urls [m] " déclaration qui obtient l'URL correcte du tableau. Le " location.href = url" déclaration indique au navigateur d'aller vers le nouveau site web.
Document HTML
Le code JavaScript est placé dans les éléments de script dans la section de tête du document HTML. Vous devez également joindre le code dans un commentaire de sorte qu'il ne sera pas lu par les navigateurs qui ne supportent pas les scripts
< /head> Photos la forme réelle est créée au sein de la section de corps du document. Il est créé avec l'élément select et les noms des sites sont détenus dans les éléments d'option. Vous n'avez pas d'ajouter les adresses Web en tant que valeurs pour l'élément option, car ils sont détenus dans le tableau créé ci-dessus.
Name="Form"> < select name = "Menu |
