Upgrade jQuery to 1.7.1.

This commit is contained in:
Jörn Zaefferer 2011-11-24 11:27:35 +01:00
parent 9bd08798c2
commit 769abbabc3
9 changed files with 59 additions and 59 deletions

View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>jQuery UI Selectmenu - Default functionality</title> <title>jQuery UI Selectmenu - Default functionality</title>
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
<script src="../../jquery-1.7.js"></script> <script src="../../jquery-1.7.1.js"></script>
<script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.position.js"></script> <script src="../../ui/jquery.ui.position.js"></script>
@ -14,7 +14,7 @@
<link rel="stylesheet" href="../demos.css"> <link rel="stylesheet" href="../demos.css">
<script> <script>
$(function() { $(function() {
$.widget( "custom.iconselectmenu", $.ui.selectmenu, { $.widget( "custom.iconselectmenu", $.ui.selectmenu, {
_renderItem: function( ul, item ) { _renderItem: function( ul, item ) {
var li = $( "<li />" ).data( "item.selectmenu", item ); var li = $( "<li />" ).data( "item.selectmenu", item );
@ -27,22 +27,22 @@
href: '#' href: '#'
}); });
li.append( link ); li.append( link );
} }
return li.appendTo( ul ); return li.appendTo( ul );
} }
}); });
var files = $('select#files').iconselectmenu({ var files = $('select#files').iconselectmenu({
dropdown: false dropdown: false
}); });
files.iconselectmenu("widget").children("ul").addClass("ui-menu-icons"); files.iconselectmenu("widget").children("ul").addClass("ui-menu-icons");
var filesB = $('select#filesB').iconselectmenu({ var filesB = $('select#filesB').iconselectmenu({
dropdown: false dropdown: false
}); });
filesB.iconselectmenu("widget").children("ul").addClass("ui-menu-icons customicons"); filesB.iconselectmenu("widget").children("ul").addClass("ui-menu-icons customicons");
var peopleA = $('select#peopleA').iconselectmenu(); var peopleA = $('select#peopleA').iconselectmenu();
peopleA.iconselectmenu("widget").children("ul").addClass("ui-menu-icons avatar"); peopleA.iconselectmenu("widget").children("ul").addClass("ui-menu-icons avatar");
}); });
@ -53,26 +53,26 @@
fieldset { border: 0; } fieldset { border: 0; }
label { display: block; } label { display: block; }
select { width: 200px; } select { width: 200px; }
.ui-selectmenu-menu .ui-menu .ui-icon { top: 0.4em; } .ui-selectmenu-menu .ui-menu .ui-icon { top: 0.4em; }
.ui-selectmenu-menu .ui-menu .ui-menu-item a { padding-left: 2em; } .ui-selectmenu-menu .ui-menu .ui-menu-item a { padding-left: 2em; }
/* select with custom icons */ /* select with custom icons */
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item a { padding: 0.5em 0 0.5em 3em; } .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item a { padding: 0.5em 0 0.5em 3em; }
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item a .ui-icon { height: 24px; width: 24px; top: 0.2em;} .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item a .ui-icon { height: 24px; width: 24px; top: 0.2em;}
.ui-icon.video { background: url(images/24-video-square.png) 0 0 no-repeat; } .ui-icon.video { background: url(images/24-video-square.png) 0 0 no-repeat; }
.ui-icon.podcast { background: url(images/24-podcast-square.png) 0 0 no-repeat; } .ui-icon.podcast { background: url(images/24-podcast-square.png) 0 0 no-repeat; }
.ui-icon.rss { background: url(images/24-rss-square.png) 0 0 no-repeat; } .ui-icon.rss { background: url(images/24-rss-square.png) 0 0 no-repeat; }
/* native select with CSS avatar icons */ /* native select with CSS avatar icons */
option.avatar { background-repeat: no-repeat !important; padding-left: 20px; } option.avatar { background-repeat: no-repeat !important; padding-left: 20px; }
</style> </style>
</head> </head>
<body> <body>
<div class="demo"> <div class="demo">
<form action="#"> <form action="#">
<h2>"popup" style with framework icons</h2> <h2>"popup" style with framework icons</h2>
<fieldset> <fieldset>
@ -85,7 +85,7 @@
<option value="somefile">Some unknown file</option> <option value="somefile">Some unknown file</option>
</select> </select>
</fieldset> </fieldset>
<h2>"popup" style with custom icon images</h2> <h2>"popup" style with custom icon images</h2>
<fieldset> <fieldset>
<label for="filesB">Select a File:</label> <label for="filesB">Select a File:</label>
@ -94,8 +94,8 @@
<option value="myvideo" class="video">Scott Gonzales Video</option> <option value="myvideo" class="video">Scott Gonzales Video</option>
<option value="myrss" class="rss">jQuery RSS XML</option> <option value="myrss" class="rss">jQuery RSS XML</option>
</select> </select>
</fieldset> </fieldset>
<h2>"dropdown" style with custom avatar 16x16 images as CSS background</h2> <h2>"dropdown" style with custom avatar 16x16 images as CSS background</h2>
<fieldset> <fieldset>
<label for="peopleA">Select a Person:</label> <label for="peopleA">Select a Person:</label>
@ -105,7 +105,7 @@
<option value="3" class="avatar" style="background-image: url(http://www.gravatar.com/avatar/bdeaec11dd663f26fa58ced0eb7facc8?d=monsterid&r=g&s=16);">Jane Doe</option> <option value="3" class="avatar" style="background-image: url(http://www.gravatar.com/avatar/bdeaec11dd663f26fa58ced0eb7facc8?d=monsterid&r=g&s=16);">Jane Doe</option>
</select> </select>
</fieldset> </fieldset>
</form> </form>
</div><!-- End demo --> </div><!-- End demo -->

View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>jQuery UI Selectmenu - Default functionality</title> <title>jQuery UI Selectmenu - Default functionality</title>
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
<script src="../../jquery-1.7.js"></script> <script src="../../jquery-1.7.1.js"></script>
<script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.position.js"></script> <script src="../../ui/jquery.ui.position.js"></script>
@ -15,14 +15,14 @@
<script> <script>
$(function() { $(function() {
$('select#speed').selectmenu(); $('select#speed').selectmenu();
var withOverflow = $('select#number').selectmenu({ var withOverflow = $('select#number').selectmenu({
dropdown: false dropdown: false
}); });
withOverflow.selectmenu("widget").addClass("overflow"); withOverflow.selectmenu("widget").addClass("overflow");
$('select#files').selectmenu(); $('select#files').selectmenu();
}); });
</script> </script>
<style> <style>
@ -34,7 +34,7 @@
</style> </style>
</head> </head>
<body> <body>
<div class="demo"> <div class="demo">
<form action="#"> <form action="#">

View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>jQuery UI Selectmenu - Event functionality</title> <title>jQuery UI Selectmenu - Event functionality</title>
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.7.js"></script> <script src="../../../jquery-1.7.1.js"></script>
<script src="../../../ui/jquery.ui.core.js"></script> <script src="../../../ui/jquery.ui.core.js"></script>
<script src="../../../ui/jquery.ui.widget.js"></script> <script src="../../../ui/jquery.ui.widget.js"></script>
<script src="../../../ui/jquery.ui.position.js"></script> <script src="../../../ui/jquery.ui.position.js"></script>
@ -14,9 +14,9 @@
<script src="../../../ui/jquery.ui.selectmenu.js"></script> <script src="../../../ui/jquery.ui.selectmenu.js"></script>
<link rel="stylesheet" href="../../../demos/demos.css"> <link rel="stylesheet" href="../../../demos/demos.css">
<script> <script>
$(function() { $(function() {
$('select#speed').selectmenu(); $('select#speed').selectmenu();
var availableTags = [ var availableTags = [
"ActionScript", "ActionScript",
"AppleScript", "AppleScript",
@ -54,7 +54,7 @@
</style> </style>
</head> </head>
<body> <body>
<div class="demo"> <div class="demo">

View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>jQuery UI Selectmenu - Event functionality</title> <title>jQuery UI Selectmenu - Event functionality</title>
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.7.js"></script> <script src="../../../jquery-1.7.1.js"></script>
<script src="../../../ui/jquery.ui.core.js"></script> <script src="../../../ui/jquery.ui.core.js"></script>
<script src="../../../ui/jquery.ui.widget.js"></script> <script src="../../../ui/jquery.ui.widget.js"></script>
<script src="../../../ui/jquery.ui.position.js"></script> <script src="../../../ui/jquery.ui.position.js"></script>
@ -14,9 +14,9 @@
<script src="../../../ui/jquery.ui.selectmenu.js"></script> <script src="../../../ui/jquery.ui.selectmenu.js"></script>
<link rel="stylesheet" href="../../../demos/demos.css"> <link rel="stylesheet" href="../../../demos/demos.css">
<script> <script>
$(function() { $(function() {
$('select#speed').selectmenu(); $('select#speed').selectmenu();
$( "#dialog" ).dialog(); $( "#dialog" ).dialog();
}); });
</script> </script>
@ -28,11 +28,11 @@
</style> </style>
</head> </head>
<body> <body>
<div class="demo"> <div class="demo">
<div id="dialog" title="Basic dialog"> <div id="dialog" title="Basic dialog">
<p>Some example content</p> <p>Some example content</p>
<p><a href="#nogo">Test Link</a></p> <p><a href="#nogo">Test Link</a></p>
<form action="#"> <form action="#">

View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>jQuery UI Selectmenu - Disable functionality</title> <title>jQuery UI Selectmenu - Disable functionality</title>
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.7.js"></script> <script src="../../../jquery-1.7.1.js"></script>
<script src="../../../ui/jquery.ui.core.js"></script> <script src="../../../ui/jquery.ui.core.js"></script>
<script src="../../../ui/jquery.ui.widget.js"></script> <script src="../../../ui/jquery.ui.widget.js"></script>
<script src="../../../ui/jquery.ui.position.js"></script> <script src="../../../ui/jquery.ui.position.js"></script>
@ -21,9 +21,9 @@
dropdown: false dropdown: false
}); });
withOverflow.selectmenu("widget").addClass("overflow"); withOverflow.selectmenu("widget").addClass("overflow");
$('select#files').selectmenu(); $('select#files').selectmenu();
var files2 = $('select#files2').selectmenu(); var files2 = $('select#files2').selectmenu();
$("#disable_select").toggle( function() { $("#disable_select").toggle( function() {
files2.selectmenu("disable"); files2.selectmenu("disable");
}, function() { }, function() {
@ -43,7 +43,7 @@
}, function() { }, function() {
files2.find("optgroup:eq(0)").removeAttr("disabled"); files2.find("optgroup:eq(0)").removeAttr("disabled");
files2.selectmenu("refresh"); files2.selectmenu("refresh");
}); });
}); });
</script> </script>
@ -56,7 +56,7 @@
</style> </style>
</head> </head>
<body> <body>
<div class="demo"> <div class="demo">
<form action="#"> <form action="#">

View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>jQuery UI Selectmenu - Event functionality</title> <title>jQuery UI Selectmenu - Event functionality</title>
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.7.js"></script> <script src="../../../jquery-1.7.1.js"></script>
<script src="../../../ui/jquery.ui.core.js"></script> <script src="../../../ui/jquery.ui.core.js"></script>
<script src="../../../ui/jquery.ui.widget.js"></script> <script src="../../../ui/jquery.ui.widget.js"></script>
<script src="../../../ui/jquery.ui.position.js"></script> <script src="../../../ui/jquery.ui.position.js"></script>
@ -16,19 +16,19 @@
$(function() { $(function() {
var log = $("#log"); var log = $("#log");
var index = 0; var index = 0;
$('select').selectmenu({ $('select').selectmenu({
open: function(event, ui) { open: function(event, ui) {
$("<div/>").text( index++ + " Opened").prependTo(log); $("<div/>").text( index++ + " Opened").prependTo(log);
}, },
close: function(event, ui) { close: function(event, ui) {
$("<div/>").text( index++ + " Closed").prependTo(log); $("<div/>").text( index++ + " Closed").prependTo(log);
}, },
focus : function(event, ui) { focus : function(event, ui) {
$("<div/>").text( index++ + " Focused: " + ui.item.label + " #" + ui.item.index ).prependTo(log); $("<div/>").text( index++ + " Focused: " + ui.item.label + " #" + ui.item.index ).prependTo(log);
}, },
select: function(event, ui) { select: function(event, ui) {
$("<div/>").text( index++ + " Selected: " + ui.item.label + " #" + ui.item.index ).prependTo(log); $("<div/>").text( index++ + " Selected: " + ui.item.label + " #" + ui.item.index ).prependTo(log);
}, },
change: function(event, ui) { change: function(event, ui) {
$("<div/>").text( index++ + " Changed to: " + ui.item.label + " #" + ui.item.index ).prependTo(log); $("<div/>").text( index++ + " Changed to: " + ui.item.label + " #" + ui.item.index ).prependTo(log);
} }
@ -44,7 +44,7 @@
</style> </style>
</head> </head>
<body> <body>
<div class="demo"> <div class="demo">

View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>jQuery UI Selectmenu - Event functionality</title> <title>jQuery UI Selectmenu - Event functionality</title>
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.7.js"></script> <script src="../../../jquery-1.7.1.js"></script>
<script src="../../../ui/jquery.ui.core.js"></script> <script src="../../../ui/jquery.ui.core.js"></script>
<script src="../../../ui/jquery.ui.widget.js"></script> <script src="../../../ui/jquery.ui.widget.js"></script>
<script src="../../../ui/jquery.ui.position.js"></script> <script src="../../../ui/jquery.ui.position.js"></script>
@ -15,21 +15,21 @@
<script> <script>
$(function() { $(function() {
var mySelectmenu = $('select').selectmenu(); var mySelectmenu = $('select').selectmenu();
$("#destroy").click( function() { $("#destroy").click( function() {
mySelectmenu.selectmenu("destroy"); mySelectmenu.selectmenu("destroy");
}); });
$("#refresh").click( function() { $("#refresh").click( function() {
mySelectmenu.append('<option value="fastsound">Faster than sound</option>'); mySelectmenu.append('<option value="fastsound">Faster than sound</option>');
mySelectmenu.selectmenu("refresh"); mySelectmenu.selectmenu("refresh");
}); });
$("#open").click( function() { $("#open").click( function() {
mySelectmenu.selectmenu("open"); mySelectmenu.selectmenu("open");
return false; return false;
}); });
$("#close").click( function() { $("#close").click( function() {
mySelectmenu.selectmenu("close"); mySelectmenu.selectmenu("close");
return false; return false;
@ -45,7 +45,7 @@
</style> </style>
</head> </head>
<body> <body>
<div class="demo"> <div class="demo">
<form action="#"> <form action="#">

View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>jQuery UI Selectmenu - Event functionality</title> <title>jQuery UI Selectmenu - Event functionality</title>
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.7.js"></script> <script src="../../../jquery-1.7.1.js"></script>
<script src="../../../ui/jquery.ui.core.js"></script> <script src="../../../ui/jquery.ui.core.js"></script>
<script src="../../../ui/jquery.ui.widget.js"></script> <script src="../../../ui/jquery.ui.widget.js"></script>
<script src="../../../ui/jquery.ui.position.js"></script> <script src="../../../ui/jquery.ui.position.js"></script>
@ -15,11 +15,11 @@
<script> <script>
$(function() { $(function() {
var mySelectmenu = $('select').selectmenu(); var mySelectmenu = $('select').selectmenu();
$("#value").click( function() { $("#value").click( function() {
mySelectmenu.selectmenu("option", "value", "Faster"); mySelectmenu.selectmenu("option", "value", "Faster");
}); });
$("#dropdown").toggle( function() { $("#dropdown").toggle( function() {
mySelectmenu.selectmenu("option", "dropdown", false); mySelectmenu.selectmenu("option", "dropdown", false);
}, function() { }, function() {
@ -36,7 +36,7 @@
</style> </style>
</head> </head>
<body> <body>
<div class="demo"> <div class="demo">
<form action="#"> <form action="#">

View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>jQuery UI Selectmenu - Event functionality</title> <title>jQuery UI Selectmenu - Event functionality</title>
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.7.js"></script> <script src="../../../jquery-1.7.1.js"></script>
<script src="../../../ui/jquery.ui.core.js"></script> <script src="../../../ui/jquery.ui.core.js"></script>
<script src="../../../ui/jquery.ui.widget.js"></script> <script src="../../../ui/jquery.ui.widget.js"></script>
<script src="../../../ui/jquery.ui.position.js"></script> <script src="../../../ui/jquery.ui.position.js"></script>
@ -14,9 +14,9 @@
<script src="../../../ui/jquery.ui.selectmenu.js"></script> <script src="../../../ui/jquery.ui.selectmenu.js"></script>
<link rel="stylesheet" href="../../../demos/demos.css"> <link rel="stylesheet" href="../../../demos/demos.css">
<script> <script>
$(function() { $(function() {
$( "#tabs" ).tabs(); $( "#tabs" ).tabs();
$('select').selectmenu(); $('select').selectmenu();
}); });
</script> </script>
<style> <style>
@ -27,7 +27,7 @@
</style> </style>
</head> </head>
<body> <body>
<div class="demo"> <div class="demo">