1+ <!DOCTYPE html>
2+ < html >
3+ < head >
4+ < meta http-equiv ="content-type " content ="text/html; charset=utf-8 " />
5+ < title > Demo Page for jQuery UI selectmenu</ title >
6+
7+ < link type ="text/css " href ="../../themes/base/jquery.ui.core.css " rel ="stylesheet " />
8+ < link type ="text/css " href ="../../themes/base/jquery.ui.theme.css " rel ="stylesheet " />
9+ < link type ="text/css " href ="../../themes/base/jquery.ui.selectmenu.css " rel ="stylesheet " />
10+ < script type ="text/javascript " src ="../../jquery-1.8.2.js "> </ script >
11+ < script type ="text/javascript " src ="../../ui/jquery.ui.core.js "> </ script >
12+ < script type ="text/javascript " src ="../../ui/jquery.ui.widget.js "> </ script >
13+ < script type ="text/javascript " src ="../../ui/jquery.ui.position.js "> </ script >
14+
15+ < script type ="text/javascript " src ="../../ui/jquery.ui.selectmenu.js "> </ script >
16+
17+ < script src ="../../external/SuperThemeSwitcher/jquery.themeswitcher.js "> </ script >
18+
19+ < style type ="text/css ">
20+ /* demo styles */
21+ body {font-size : 62.5% ; font-family : "Verdana" , sans-serif; }
22+ fieldset { border : 0 ; }
23+ label , select , .ui-select-menu { float : left; margin-right : 10px ; }
24+ select { width : 200px ; }
25+ .wrap ul .ui-selectmenu-menu-popup li a { font-weight : bold; }
26+ </ style >
27+ < script type ="text/javascript ">
28+ $ ( function ( ) {
29+ $ ( 'select' ) . selectmenu ( ) ;
30+
31+ $ ( "#themeswitcher" ) . themeswitcher ( {
32+ imgpath : "../../external/SuperThemeSwitcher/images/" ,
33+ // TODO should be 1.8.24 when CDN updates
34+ jqueryuiversion : "1.8.23"
35+ } ) ;
36+ } ) ;
37+ </ script >
38+ </ head >
39+ < body >
40+ < div id ="themeswitcher "> </ div >
41+ < br />
42+ < br />
43+ < form action ="# ">
44+ < fieldset >
45+ < label for ="speedA "> Select a Speed:</ label >
46+ < select name ="speedA " id ="speedA ">
47+ < option value ="Slower "> Slower</ option >
48+ < option value ="Slow " selected ="selected "> Slow</ option >
49+ < option value ="Medium "> Medium</ option >
50+ < option value ="Fast "> Fast</ option >
51+ < option value ="Faster "> Faster</ option >
52+ </ select >
53+ </ fieldset >
54+ < fieldset >
55+ < label for ="speedAa "> Select a Speed:</ label >
56+ < select name ="speedAa " id ="speedAa ">
57+ < option value ="Slower "> -6 Slower</ option >
58+ < option value ="Slower "> -5 Slower</ option >
59+ < option value ="Slower "> -4 Slower</ option >
60+ < option value ="Slow "> -3 Slow</ option >
61+ < option value ="Slow "> -2 Slow</ option >
62+ < option value ="Slow "> -1 Slow</ option >
63+ < option value ="Medium " selected ="selected "> 0 Medium</ option >
64+ < option value ="Fast "> 1 Fast</ option >
65+ < option value ="Fast "> 2 Fast</ option >
66+ < option value ="Fast "> 3 Fast</ option >
67+ < option value ="Faster "> 4 Faster</ option >
68+ < option value ="Faster "> 5 Faster</ option >
69+ < option value ="Faster "> 6 Faster</ option >
70+ </ select >
71+ </ fieldset >
72+
73+ < fieldset >
74+ < label for ="speedB "> Select an Address:</ label >
75+ < select name ="speedB " id ="speedB ">
76+ < option > John Doe - 78 West Main St Apt 3A | Bloomsburg, PA 12345 (footer text)</ option >
77+ < option selected ="selected "> Jane Doe - 78 West Main St Apt 3A | Bloomsburg, PA 12345 (footer text)</ option >
78+ < option > Joseph Doe - 78 West Main St Apt 3A | Bloomsburg, PA 12345 (footer text)</ option >
79+ < option > Mad Doe Kiiid - 78 West Main St Apt 3A | Bloomsburg, PA 12345 (footer text)</ option >
80+ </ select >
81+ </ fieldset >
82+ </ form >
83+ </ body >
84+ </ html >
0 commit comments