aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--demos/selectmenu/ajax.html3
-rw-r--r--demos/selectmenu/background_image.html3
-rw-r--r--demos/selectmenu/default.html57
-rw-r--r--demos/selectmenu/dependency.html3
-rw-r--r--demos/selectmenu/disable_enable.html3
-rw-r--r--demos/selectmenu/methods.html3
-rw-r--r--demos/selectmenu/overlay.html3
-rw-r--r--demos/selectmenu/positioning.html3
-rw-r--r--demos/selectmenu/refresh.html3
-rw-r--r--demos/selectmenu/typeahead.html3
10 files changed, 47 insertions, 37 deletions
diff --git a/demos/selectmenu/ajax.html b/demos/selectmenu/ajax.html
index 3b6ba8b3f..afa65bf29 100644
--- a/demos/selectmenu/ajax.html
+++ b/demos/selectmenu/ajax.html
@@ -4,7 +4,8 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Demo Page for jQuery UI selectmenu</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.core.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.theme.css" rel="stylesheet" />
<link type="text/css" href="../../themes/base/jquery.ui.selectmenu.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
diff --git a/demos/selectmenu/background_image.html b/demos/selectmenu/background_image.html
index e38812766..6d152b33a 100644
--- a/demos/selectmenu/background_image.html
+++ b/demos/selectmenu/background_image.html
@@ -4,7 +4,8 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Demo Page for jQuery UI selectmenu</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.core.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.theme.css" rel="stylesheet" />
<link type="text/css" href="../../themes/base/jquery.ui.selectmenu.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
diff --git a/demos/selectmenu/default.html b/demos/selectmenu/default.html
index 1ea4d392e..9b515c365 100644
--- a/demos/selectmenu/default.html
+++ b/demos/selectmenu/default.html
@@ -3,57 +3,58 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Demo Page for jQuery UI selectmenu</title>
-
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+
+ <link type="text/css" href="../../themes/base/jquery.ui.core.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.theme.css" rel="stylesheet" />
<link type="text/css" href="../../themes/base/jquery.ui.selectmenu.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
-
+
<script type="text/javascript" src="../../ui/jquery.ui.selectmenu.js"></script>
<style type="text/css">
/* demo styles */
body {font-size: 62.5%; font-family:"Verdana",sans-serif; }
- fieldset { border:0; }
+ fieldset { border:0; }
label,select,.ui-select-menu { float: left; margin-right: 10px; }
select { width: 200px; }
.wrap ul.ui-selectmenu-menu-popup li a { font-weight: bold; }
</style>
- <script type="text/javascript">
- $(function(){
+ <script type="text/javascript">
+ $(function(){
$('select#speedA').selectmenu({style:'popup'});
-
+
$('select#speedAa').selectmenu({
- style:'popup',
+ style:'popup',
maxHeight: 150
});
$('select#speedAa').selectmenu("widget").addClass("wrap");
-
+
$('select#speedB').selectmenu({
- style:'popup',
+ style:'popup',
width: 300,
format: addressFormatting
});
-
+
$('select#speedC').selectmenu();
-
+
$('select#speedD').selectmenu({
menuWidth: 400,
format: addressFormatting
});
-
+
$('select#filesC').selectmenu({
- style:'popup',
+ style:'popup',
positionOptions: {
my: "left center",
at: "right center",
offset: "10 0"
}
- });
- });
-
+ });
+ });
+
//a custom format option callback
var addressFormatting = function(text){
var newText = text;
@@ -65,23 +66,23 @@
{find:/([^\|><\(\)]+)$/g, rep: '<span class="ui-selectmenu-item-content">$1</span>'},
{find:/(\([^\|><]+\))$/g, rep: '<span class="ui-selectmenu-item-footer">$1</span>'}
];
-
+
for(var i in findreps){
newText = newText.replace(findreps[i].find, findreps[i].rep);
}
return newText;
- }
-
+ }
+
// add themeswitcher
- $(function(){
+ $(function(){
var ts = $('<div class="ui-button ui-widget ui-state-default ui-corner-all" style="padding: 5px; position: absolute; top: 20px; right: 10px;">Click here to add Themeswitcher!</div>')
.appendTo('body')
.bind("click", function() {
ts.text("Loading Themeswitcher...");
$.getScript('http://ui.jquery.com/applications/themeroller/themeswitchertool/', function() {
- ts.removeClass("ui-button ui-widget ui-state-default ui-corner-all").text("").unbind("click").themeswitcher();
+ ts.removeClass("ui-button ui-widget ui-state-default ui-corner-all").text("").unbind("click").themeswitcher();
});
- });
+ });
});
</script>
</head>
@@ -119,7 +120,7 @@
<option value="Faster">6 Faster</option>
</select>
</fieldset>
-
+
<h2>Same with option text formatting</h2>
<fieldset>
<label for="speedB">Select an Address:</label>
@@ -130,7 +131,7 @@
<option>Mad Doe Kiiid - 78 West Main St Apt 3A | Bloomsburg, PA 12345 (footer text)</option>
</select>
</fieldset>
-
+
<h2>"dropdown" Style</h2>
<fieldset>
<label for="speedC">Select a Speed:</label>
@@ -141,8 +142,8 @@
<option value="Fast">Fast</option>
<option value="Faster">Faster</option>
</select>
- </fieldset>
-
+ </fieldset>
+
<h2>"dropdown" Style with menuWidth wider than menu and text formatting</h2>
<fieldset>
<label for="speedD">Select an Address:</label>
@@ -153,7 +154,7 @@
<option>Mad Doe Kiiid - 78 West Main St Apt 3A, Bloomsburg, PA 12345</option>
</select>
</fieldset>
-
+
<h2>"popup" Style with custom positioning and optgroups</h2> <fieldset>
<label for="filesC">Select a File:</label>
<select name="filesC" id="filesC">
diff --git a/demos/selectmenu/dependency.html b/demos/selectmenu/dependency.html
index c0cbfde95..b0fbb90bf 100644
--- a/demos/selectmenu/dependency.html
+++ b/demos/selectmenu/dependency.html
@@ -4,7 +4,8 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Demo Page for jQuery UI selectmenu</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.core.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.theme.css" rel="stylesheet" />
<link type="text/css" href="../../themes/base/jquery.ui.selectmenu.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
diff --git a/demos/selectmenu/disable_enable.html b/demos/selectmenu/disable_enable.html
index ff015db69..fd3191d78 100644
--- a/demos/selectmenu/disable_enable.html
+++ b/demos/selectmenu/disable_enable.html
@@ -4,7 +4,8 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Demo Page for jQuery UI selectmenu</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.core.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.theme.css" rel="stylesheet" />
<link type="text/css" href="../../themes/base/jquery.ui.selectmenu.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
diff --git a/demos/selectmenu/methods.html b/demos/selectmenu/methods.html
index d44581d80..f415d7741 100644
--- a/demos/selectmenu/methods.html
+++ b/demos/selectmenu/methods.html
@@ -4,7 +4,8 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Demo Page for jQuery UI selectmenu</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.core.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.theme.css" rel="stylesheet" />
<link type="text/css" href="../../themes/base/jquery.ui.selectmenu.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
diff --git a/demos/selectmenu/overlay.html b/demos/selectmenu/overlay.html
index 4fb7942f6..3f439d75b 100644
--- a/demos/selectmenu/overlay.html
+++ b/demos/selectmenu/overlay.html
@@ -8,7 +8,8 @@
<link rel="stylesheet" href="http://openlayers.org/dev/examples/style.css" type="text/css" />
<!-- this gmaps key generated for http://openlayers.org/dev/ -->
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.core.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.theme.css" rel="stylesheet" />
<link type="text/css" href="../../themes/base/jquery.ui.selectmenu.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
diff --git a/demos/selectmenu/positioning.html b/demos/selectmenu/positioning.html
index a7711391e..ab8dfeafa 100644
--- a/demos/selectmenu/positioning.html
+++ b/demos/selectmenu/positioning.html
@@ -4,7 +4,8 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Positioning Demos for jQuery UI selectmenu</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.core.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.theme.css" rel="stylesheet" />
<link type="text/css" href="../../themes/base/jquery.ui.selectmenu.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
diff --git a/demos/selectmenu/refresh.html b/demos/selectmenu/refresh.html
index cc029a7df..eba3e9e24 100644
--- a/demos/selectmenu/refresh.html
+++ b/demos/selectmenu/refresh.html
@@ -4,7 +4,8 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Demo Page for jQuery UI selectmenu</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.core.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.theme.css" rel="stylesheet" />
<link type="text/css" href="../../themes/base/jquery.ui.selectmenu.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
diff --git a/demos/selectmenu/typeahead.html b/demos/selectmenu/typeahead.html
index 6abd27498..fd8fa7bbe 100644
--- a/demos/selectmenu/typeahead.html
+++ b/demos/selectmenu/typeahead.html
@@ -4,7 +4,8 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Demo Page for jQuery UI selectmenu</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.core.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/base/jquery.ui.theme.css" rel="stylesheet" />
<link type="text/css" href="../../themes/base/jquery.ui.selectmenu.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>