Skip to content

Commit d122a31

Browse files
fnagelfnagel
committed
added: dialog demo file
1 parent b003431 commit d122a31

File tree

1 file changed

+70
-0
lines changed

1 file changed

+70
-0
lines changed

‎demos/selectmenu/dialog.html‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
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+
<link type="text/css" href="../../themes/base/jquery.ui.selectmenu.css" rel="stylesheet" />
11+
<link type="text/css" href="http://github.felixnagel.com/master/themes/base/jquery.ui.dialog.css" rel="stylesheet" />
12+
<script type="text/javascript" src="../../jquery-1.8.3.js"></script>
13+
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
14+
<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
15+
<script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
16+
17+
<script type="text/javascript" src="../../ui/jquery.ui.selectmenu.js"></script>
18+
<script type="text/javascript" src="http://github.felixnagel.com/master/ui/jquery.ui.dialog.js"></script>
19+
20+
<style type="text/css">
21+
/* demo styles */
22+
body {font-size: 62.5%; font-family:"Verdana",sans-serif; }
23+
fieldset { border:0; }
24+
label,select,.ui-select-menu { float: left; margin-right: 10px; }
25+
select { width: 200px; }
26+
</style>
27+
<script type="text/javascript">
28+
$(function(){
29+
$('select').selectmenu();
30+
31+
$('#dialog1').dialog({
32+
modal: false
33+
});
34+
$('#dialog2').dialog({
35+
modal: true
36+
});
37+
});
38+
</script>
39+
</head>
40+
<body>
41+
<br />
42+
<br />
43+
<div id="dialog1">
44+
<form action="#">
45+
<fieldset>
46+
<select>
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+
</form>
55+
</div>
56+
<div id="dialog2">
57+
<form action="#">
58+
<fieldset>
59+
<select>
60+
<option value="Slower">Slower</option>
61+
<option value="Slow" selected="selected">Slow</option>
62+
<option value="Medium">Medium</option>
63+
<option value="Fast">Fast</option>
64+
<option value="Faster">Faster</option>
65+
</select>
66+
</fieldset>
67+
</form>
68+
</div>
69+
</body>
70+
</html>

0 commit comments

Comments
 (0)