Source de menurapide.html
1: <HTML>
2: <HEAD>
3: <TITLE>Menu rapide</TITLE>
4: <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
5: <link REL="stylesheet" TYPE="text/css" HREF="https://fabien-torre.fr/include/css/ft-v1.css">
6: </HEAD>
7:
8: <BODY>
9:
10: <DIV CLASS="menu">
11: <DIV CLASS="partmenu">
12: <UL>
13: <LI> voir le <A HREF="https://fabien-torre.fr/Enseignement/tp/JavaScript/menurapide.html.src">code de cette page</A>
14: <LI> retour à la page des
15: <A HREF="https://fabien-torre.fr/Enseignement/tp/JavaScript/">Travaux pratiques JavaScript</A>
16: <LI> retour à la page de <A HREF="https://fabien-torre.fr/">Fabien Torre</A>
17: </UL>
18: </DIV>
19: </DIV>
20: <DIV CLASS="page">
21:
22: <H1>Menu rapide avec l'événement Onchange</H1>
23:
24: <BIG>
25: <BR><BR>
26: <CENTER>
27:
28:
29: <FORM NAME="acces" ACTION="">
30:
31: Aller chez :
32: <SELECT NAME="choix"
33: onChange="window.location=document.acces.choix.options[document.acces.choix.selectedIndex].value;">
34: <OPTION VALUE="" SELECTED>Accès rapide</OPTION>
35: <OPTION VALUE="http://www.google.fr/">Google</OPTION>
36: <OPTION VALUE="http://www.yahoo.fr/">Yahoo</OPTION>
37: <OPTION VALUE="https://fabien-torre.fr/">Fabien Torre</OPTION>
38: </SELECT>
39:
40: </FORM>
41:
42: </CENTER>
43: </BIG>
44:
45: <BR><BR><BR>
46: </DIV>
47: </BODY>
48: </HTML>