mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
Tests: Removed visual tests for plugins that are being rewritten.
This commit is contained in:
Scott González
parent
4f9209feb0
commit
95d7314bd9
Binary file not shown.
|
Before Width: | Height: | Size: 127 B |
@ -1,23 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Datepicker Visual Test : Default</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.datepicker.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$('#datepicker').datepicker();
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="datepicker"></div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,113 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Simple Datepicker</title>
|
|
||||||
<link rel="stylesheet" href="../all.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.datepicker.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
// simple datepicker
|
|
||||||
$('#d1').datepicker();
|
|
||||||
$('button.disable-d1').click(function(event){
|
|
||||||
$('#d1').datepicker('disable');
|
|
||||||
event.preventDefault();
|
|
||||||
});
|
|
||||||
$('button.enable-d1').click(function(event){
|
|
||||||
$('#d1').datepicker('enable');
|
|
||||||
event.preventDefault();
|
|
||||||
});
|
|
||||||
$('button.destroy-d1').click(function(event){
|
|
||||||
$('#d1').datepicker('destroy');
|
|
||||||
event.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
// multi datepicker
|
|
||||||
$('#d2').datepicker({numberOfMonths: 3, showButtonPanel: true});
|
|
||||||
$('button.disable-d2').click(function(event){
|
|
||||||
$('#d2').datepicker('disable');
|
|
||||||
event.preventDefault();
|
|
||||||
});
|
|
||||||
$('button.enable-d2').click(function(event){
|
|
||||||
$('#d2').datepicker('enable');
|
|
||||||
event.preventDefault();
|
|
||||||
});
|
|
||||||
$('button.destroy-d2').click(function(event){
|
|
||||||
$('#d2').datepicker('destroy');
|
|
||||||
event.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
// inline datepicker
|
|
||||||
$('#inl').datepicker({minDate: -20, maxDate: '+1M +10D'});
|
|
||||||
$('button.disable-inl').click(function(event){
|
|
||||||
$('#inl').datepicker('disable');
|
|
||||||
event.preventDefault();
|
|
||||||
});
|
|
||||||
$('button.enable-inl').click(function(event){
|
|
||||||
$('#inl').datepicker('enable');
|
|
||||||
event.preventDefault();
|
|
||||||
});
|
|
||||||
$('button.destroy-inl').click(function(event){
|
|
||||||
$('#inl').datepicker('destroy');
|
|
||||||
event.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
// disabled input datepicker
|
|
||||||
$('#d3').datepicker();
|
|
||||||
|
|
||||||
// bottom-right datepicker
|
|
||||||
$('#d4').datepicker({numberOfMonths: 3});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<ul class="plugins">
|
|
||||||
<li class="plugin">
|
|
||||||
<button class="disable-d1">Disable</button>
|
|
||||||
<button class="enable-d1">Enable</button>
|
|
||||||
<button class="destroy-d1">Destroy</button>
|
|
||||||
|
|
||||||
Datepicker Simple
|
|
||||||
<div>
|
|
||||||
<input type="text" id="d1" />
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="plugin">
|
|
||||||
<button class="disable-d2">Disable</button>
|
|
||||||
<button class="enable-d2">Enable</button>
|
|
||||||
<button class="destroy-d2">Destroy</button>
|
|
||||||
|
|
||||||
Datepicker Multi
|
|
||||||
<div>
|
|
||||||
<input type="text" id="d2" />
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="plugin">
|
|
||||||
<button class="disable-inl">Disable</button>
|
|
||||||
<button class="enable-inl">Enable</button>
|
|
||||||
<button class="destroy-inl">Destroy</button>
|
|
||||||
|
|
||||||
Datepicker Inline
|
|
||||||
<div id="inl"></div>
|
|
||||||
</li>
|
|
||||||
<li class="plugin">
|
|
||||||
Datepicker disabled input
|
|
||||||
<div>
|
|
||||||
<input type="text" id="d3" disabled="disabled" />
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="plugin" style="position: absolute; right: 0; bottom: 0; height: 40px">
|
|
||||||
Datepicker - positioned bottom-right
|
|
||||||
<div>
|
|
||||||
<input type="text" id="d4">
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,96 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Datepicker Visual Test : Datepicker ticket #4071</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.datepicker.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
|
|
||||||
function ValidatorHookupEvent(control, eventType, functionPrefix) {
|
|
||||||
var ev;
|
|
||||||
eval("ev = control." + eventType + ";");
|
|
||||||
if (typeof(ev) == "function") {
|
|
||||||
ev = ev.toString();
|
|
||||||
ev = ev.substring(ev.indexOf("{") + 1, ev.lastIndexOf("}"));
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
ev = "";
|
|
||||||
}
|
|
||||||
var func;
|
|
||||||
if (navigator.appName.toLowerCase().indexOf('explorer') > -1) {
|
|
||||||
func = new Function(functionPrefix + " " + ev);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
func = new Function("event", functionPrefix + " " + ev);
|
|
||||||
}
|
|
||||||
eval("control." + eventType + " = func;");
|
|
||||||
}
|
|
||||||
|
|
||||||
function HandleChange(event, boundBy) {
|
|
||||||
var boundBy = boundBy ? boundBy : '$(control).change(function(event){...})';
|
|
||||||
var type = event.type,
|
|
||||||
srcOrTarget = event.srcElement ? 'srcElement' : 'target',
|
|
||||||
tagName = event[srcOrTarget].tagName;
|
|
||||||
alert('[' + boundBy + ']\nevent.type: ' + type + '\nevent.' + srcOrTarget + '.tagName: ' + tagName);
|
|
||||||
}
|
|
||||||
|
|
||||||
$(function() {
|
|
||||||
var control = $('#myInput')[0], eventType="onchange";
|
|
||||||
|
|
||||||
$(control).datepicker();
|
|
||||||
$(control).change(HandleChange);
|
|
||||||
$('#changeButton').click(function() {
|
|
||||||
$(control).change();
|
|
||||||
});
|
|
||||||
$('#triggerButton').click(function() {
|
|
||||||
$(control).trigger('change');
|
|
||||||
});
|
|
||||||
$('#triggerHandlerButton').click(function() {
|
|
||||||
$(control).triggerHandler('change');
|
|
||||||
});
|
|
||||||
$('#fireEventButton').click(function() {
|
|
||||||
control.fireEvent('onchange');
|
|
||||||
});
|
|
||||||
if (!control.fireEvent) { $('#fireEventButton').remove(); }
|
|
||||||
|
|
||||||
ValidatorHookupEvent(control, eventType, "HandleChange(event, 'eval(control.onchange = func)')");
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
button { display: block; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4071">#4071 - 'length' is null or not an object</a></h1>
|
|
||||||
|
|
||||||
<h2>Summary</h2>
|
|
||||||
In Internet Explorer, when a event such as click on one element causes a change event on another element to trigger programmatically, any change event handler that was bound to that second element through onchange gets the click event instead of the change event.
|
|
||||||
|
|
||||||
<h2>Steps to reproduce</h2>
|
|
||||||
<p>
|
|
||||||
To demonstrate the issue, do one of the following:
|
|
||||||
</p>
|
|
||||||
<ul>
|
|
||||||
<li>Click the input to open the Datepicker, then select a date</li>
|
|
||||||
<li>Or press a number in the text field and blur</li>
|
|
||||||
<li>Or click a button below</li>
|
|
||||||
</ul>
|
|
||||||
<p>
|
|
||||||
Each will trigger change on the text input. The input has a handler bound in three different ways. Notice the difference when pressing a number in the input and bluring versus either selecting a date or pressing one of the first three buttons. In Internet Explorer, when the issue is present, 2 out of the three event objects are of type 'click' instead of 'change' and have the wrong corresponding srcElement/target when the datepicker or one of the first three buttons are clicked.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<input type="text" id="myInput" onchange="HandleChange(event, '<input onchange=\'...\' />')" />
|
|
||||||
<button id="changeButton">Click to trigger change event via $(control).change();</button>
|
|
||||||
<button id="triggerButton">Click to trigger change event via $(control).trigger('change');</button>
|
|
||||||
<button id="triggerHandlerButton">Click to trigger change event via $(control).triggerHandler('change');</button>
|
|
||||||
<button id="fireEventButton">Click to fire change event via control.fireEvent('onchange');</button>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,55 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Datepicker Visual Test : Datepicker ticket #4240</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.datepicker.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#destroystart").click(function() {
|
|
||||||
$("#startdate").datepicker('destroy');
|
|
||||||
});
|
|
||||||
$("#destroyend").click(function() {
|
|
||||||
$("#enddate").datepicker('destroy');
|
|
||||||
});
|
|
||||||
$("#disablestart").click(function() {
|
|
||||||
$("#startdate").datepicker('disable');
|
|
||||||
});
|
|
||||||
$("#disableend").click(function() {
|
|
||||||
$("#enddate").datepicker('disable');
|
|
||||||
});
|
|
||||||
$("#enablestart").click(function() {
|
|
||||||
$("#startdate").datepicker('enable');
|
|
||||||
});
|
|
||||||
$("#enableend").click(function() {
|
|
||||||
$("#enddate").datepicker('enable');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4240">#4240 - Datepicker destroy affects other datepickers</a></h1>
|
|
||||||
|
|
||||||
<input type="text" id="startdate" />
|
|
||||||
<input type="text" id="enddate" />
|
|
||||||
<br /> <br />
|
|
||||||
<input type="button" value="Init Startdate" onclick="$('#startdate').datepicker({showOn: 'both', buttonImage:'calendar.gif', buttonImageOnly:'true'});" />
|
|
||||||
<input type="button" value="Init Enddate" onclick="$('#enddate').datepicker({showOn: 'both', buttonImage:'calendar.gif', buttonImageOnly:'true'});" />
|
|
||||||
<br /> <br />
|
|
||||||
<input type="button" id="destroystart" value="Destroy Startdate" />
|
|
||||||
<input type="button" id="destroyend" value="Destroy Enddate" />
|
|
||||||
<br /> <br />
|
|
||||||
<input type="button" id="enablestart" value="Enable Startdate" />
|
|
||||||
<input type="button" id="enableend" value="Enable Enddate" />
|
|
||||||
<br /> <br />
|
|
||||||
<input type="button" id="disablestart" value="Disable Startdate" />
|
|
||||||
<input type="button" id="disableend" value="Disable Enddate" />
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Datepicker Visual Test : Datepicker ticket #4443</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.js"></script>
|
|
||||||
<script src="http://jquery.com/demo/thickbox/thickbox-code/thickbox-compressed.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.datepicker.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
|
|
||||||
$('.datepicker').datepicker();
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
button { display: block; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4443">#4443 - Datepicker's vertical position in thickbox is wrong</a></h1>
|
|
||||||
|
|
||||||
<p><input alt="#TB_inline?height=150&width=400&inlineId=myOnPageContent" title="add a caption to title attribute / or leave blank" class="thickbox" type="button" value="Show" /></p>
|
|
||||||
|
|
||||||
<div id="myOnPageContent" style="display:none">
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
|
||||||
<input type="text" class="datepicker" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Datepicker Visual Test : Datepicker ticket #5676</title>
|
|
||||||
<link href="../visual.css" type="text/css" rel="stylesheet" />
|
|
||||||
<link href="../../../themes/base/jquery.ui.all.css" type="text/css" rel="stylesheet">
|
|
||||||
<script src="../../../jquery-1.6.4.js"></script>
|
|
||||||
<script src="../../../ui/jquery.ui.core.js"></script>
|
|
||||||
<script src="../../../ui/jquery.ui.widget.js"></script>
|
|
||||||
<script src="../../../ui/jquery.ui.datepicker.js"></script>
|
|
||||||
<script>
|
|
||||||
$(function() {
|
|
||||||
|
|
||||||
$('.datepicker').datepicker({
|
|
||||||
defaultDate: +7
|
|
||||||
}).focus();
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/5676">#5676 - DatePicker Dialog defaultDate incorrect behaviour</a></h1>
|
|
||||||
|
|
||||||
<div class="datepicker"></div>
|
|
||||||
<input class="datepicker" />
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Datepicker Visual Test : Datepicker ticket #7552</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script src="../../../jquery-1.6.4.js"></script>
|
|
||||||
<script src="../../../ui/jquery.ui.core.js"></script>
|
|
||||||
<script src="../../../ui/jquery.ui.widget.js"></script>
|
|
||||||
<script src="../../../ui/jquery.ui.datepicker.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$('<div></div>').datepicker().appendTo("body");
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/7552">#7552 - A Datepicker created on a detached div has zero height</a></h1>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Datepicker Visual Test : Default</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.datepicker.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$('#datepicker').datepicker({numberOfMonths: [4,3], showButtonPanel: true });
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="datepicker"></div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,278 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Mon 26JanTest application details - by chrisv from #3863 (Viewport test)</title>
|
|
||||||
<link href="css/styling.css" rel="stylesheet" type="text/css">
|
|
||||||
<style type="text/css">
|
|
||||||
label {
|
|
||||||
float: left;
|
|
||||||
min-width: 12em;
|
|
||||||
}
|
|
||||||
tr.rule-above td {
|
|
||||||
border-top: solid 1px #CCCCCC;
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.datepicker.js"></script>
|
|
||||||
<style type="text/css">
|
|
||||||
label.error {
|
|
||||||
color: #ff4c00;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
input.error {
|
|
||||||
border: 1px dotted red;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
<style type="text/css">
|
|
||||||
.ui-datepicker {
|
|
||||||
font-size: 80%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script type="text/javascript"> /* configure date picker */
|
|
||||||
$(function() {
|
|
||||||
$(".datepicker").datepicker({
|
|
||||||
dateFormat: 'd M yy',
|
|
||||||
firstDay: 1,
|
|
||||||
changeMonth: false, changeYear: false,
|
|
||||||
showOtherMonths: true,
|
|
||||||
mandatory: true
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="container">
|
|
||||||
<div id="center" class="column">
|
|
||||||
<h2>Mon 26JanTest</h2>
|
|
||||||
<h3>Application progress</h3>
|
|
||||||
<form name="frm" id="frm" method="post" action="">
|
|
||||||
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td><label for="Firstname">First name:</label></td>
|
|
||||||
<td><input name="Firstname" id="Firstname" size="12" value="Mon"></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><label for="Lastname">Last name:</label></td>
|
|
||||||
<td><input name="Lastname" id="Lastname" size="12" value="26JanTest"></td>
|
|
||||||
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><label for="Email">Email:</label></td>
|
|
||||||
<td><input name="Email" id="Email" size="18" value="x@y.com"></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><label for="RegionalMentorID">Responsible RM:</label></td>
|
|
||||||
<td><select name="RegionalMentorID" id="RegionalMentorID">
|
|
||||||
|
|
||||||
<option value="">–</option>
|
|
||||||
</select>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><label for="Status">Status:</label></td>
|
|
||||||
<td><select name="Status" id="Status">
|
|
||||||
<option selected value="Active">Active</option>
|
|
||||||
|
|
||||||
<option value="Dropped out">Dropped out</option>
|
|
||||||
<option value="Completed">Completed</option>
|
|
||||||
</select>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="rule-above">
|
|
||||||
<td>Applic’n rec’d</td>
|
|
||||||
|
|
||||||
<td><input type="text" name="ApplicationReceivedOn" id="ApplicationReceivedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date"></td>
|
|
||||||
</tr>
|
|
||||||
<tr class="rule-above">
|
|
||||||
<td>Stage 1 mtg</td>
|
|
||||||
<td><input type="text" name="Stage1MtgOnD" id="Stage1MtgOnD" value="27 Jan 2009" class="datepicker" size="12" title="Enter date">
|
|
||||||
<input type="text" name="Stage1MtgOnT" id="Stage1MtgOnT" value="11:00" size="4" title="Enter time">
|
|
||||||
@
|
|
||||||
<input name="Stage1MtgAt" id="Stage1MtgAt" value="someplace">
|
|
||||||
</td>
|
|
||||||
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td> </td>
|
|
||||||
<td><label>Confirmed on</label>
|
|
||||||
<input type="text" name="Stage1MtgConfirmedOn" id="Stage1MtgConfirmedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
|
|
||||||
<td> </td>
|
|
||||||
<td><label>Attended</label>
|
|
||||||
<input type="radio" name="Stage1MtgAttended" id="Stage1MtgAttendedY" value="Y">
|
|
||||||
Yes
|
|
||||||
<input type="radio" name="Stage1MtgAttended" id="Stage1MtgAttendedY" checked value="N">
|
|
||||||
No </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
|
|
||||||
<td> </td>
|
|
||||||
<td><label>Hard-copy given</label>
|
|
||||||
<input name="Stage1HardCopyGiven" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="Stage1HardCopyGiven" type="radio" checked value="N">
|
|
||||||
No </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
|
|
||||||
<td> </td>
|
|
||||||
<td><br>
|
|
||||||
<label>Handover on</label>
|
|
||||||
<input type="text" name="Stage1HandoverOn" id="Stage1HandoverOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="rule-above">
|
|
||||||
<td>Stage 2 mtg</td>
|
|
||||||
|
|
||||||
<td><input type="text" name="Stage2MtgOnD" id="Stage2MtgOnD" value="28 Jan 2009" class="datepicker" size="12" title="Enter date">
|
|
||||||
<input type="text" name="Stage2MtgOnT" id="Stage2MtgOnT" value="11:00" size="4" title="Enter time">
|
|
||||||
@
|
|
||||||
<input name="Stage2MtgAt" id="Stage2MtgAt" value="someplace">
|
|
||||||
<br>
|
|
||||||
<label>Confirmed on</label>
|
|
||||||
<input type="text" name="Stage2MtgConfirmedOn" id="Stage2MtgConfirmedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
|
|
||||||
<br>
|
|
||||||
<label>Contacts:</label>
|
|
||||||
|
|
||||||
<i></i> <br>
|
|
||||||
<label>Postcode areas:</label>
|
|
||||||
<i></i> <br>
|
|
||||||
<label>Document explanations given</label>
|
|
||||||
<input name="Stage2DocExplanGiven" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="Stage2DocExplanGiven" type="radio" checked value="N">
|
|
||||||
|
|
||||||
No <br>
|
|
||||||
<label>Franchisee contacts given</label>
|
|
||||||
<input name="Stage2ContactFranchiseesGiven" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="Stage2ContactFranchiseesGiven" type="radio" checked value="N">
|
|
||||||
No <br>
|
|
||||||
<label>Finance options given</label>
|
|
||||||
|
|
||||||
<input name="Stage2FinanceOptionsGiven" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="Stage2FinanceOptionsGiven" type="radio" checked value="N">
|
|
||||||
No <br>
|
|
||||||
<label>Financials given</label>
|
|
||||||
<input name="Stage2FinancialsGiven" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="Stage2FinancialsGiven" type="radio" checked value="N">
|
|
||||||
No <br>
|
|
||||||
|
|
||||||
<label>Business plan given</label>
|
|
||||||
<input name="Stage2BusinessPlanGiven" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="Stage2BusinessPlanGiven" type="radio" checked value="N">
|
|
||||||
No <br>
|
|
||||||
<label>Agreement given</label>
|
|
||||||
<input name="Stage2AgreementGiven" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="Stage2AgreementGiven" type="radio" checked value="N">
|
|
||||||
|
|
||||||
No <br>
|
|
||||||
<label>Disclosure letter given</label>
|
|
||||||
<input name="Stage2DisclosureLetterGiven" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="Stage2DisclosureLetterGiven" type="radio" checked value="N">
|
|
||||||
No <br>
|
|
||||||
<label>Medical letter given</label>
|
|
||||||
|
|
||||||
<input name="Stage2MedicalLetterGiven" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="Stage2MedicalLetterGiven" type="radio" checked value="N">
|
|
||||||
No <br>
|
|
||||||
<label>Attended</label>
|
|
||||||
<input name="Stage2MtgAttended" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="Stage2MtgAttended" type="radio" checked value="N">
|
|
||||||
No </td>
|
|
||||||
|
|
||||||
</tr>
|
|
||||||
<tr class="rule-above">
|
|
||||||
<td>Site visit</td>
|
|
||||||
<td><input type="text" name="SiteVisitOnD" id="SiteVisitOnD" value="29 Jan 2009" class="datepicker" size="12" title="Enter date">
|
|
||||||
<input type="text" name="SiteVisitOnT" id="SiteVisitOnT" value="13:00" size="4" title="Enter time">
|
|
||||||
@
|
|
||||||
<input name="SiteVisitAt" id="SiteVisitAt" value="somewhere else">
|
|
||||||
<br>
|
|
||||||
<label>Site visit contact</label>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
<label>Confirmed on</label>
|
|
||||||
<input type="text" name="SiteVisitConfirmedOn" id="SiteVisitConfirmedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
|
|
||||||
<br>
|
|
||||||
<label>Attended</label>
|
|
||||||
<input name="SiteVisitAttended" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="SiteVisitAttended" type="radio" checked value="N">
|
|
||||||
|
|
||||||
No </td>
|
|
||||||
</tr>
|
|
||||||
<tr class="rule-above">
|
|
||||||
<td>Director interview</td>
|
|
||||||
<td><input type="text" name="DirectorInterviewOnD" id="DirectorInterviewOnD" value="30 Jan 2009" class="datepicker" size="12" title="Enter date">
|
|
||||||
<input type="text" name="DirectorInterviewOnT" id="DirectorInterviewOnT" value="13:00" size="4" title="Enter time">
|
|
||||||
@
|
|
||||||
<input name="DirectorInterviewAt" id="DirectorInterviewAt" value="boss pad">
|
|
||||||
|
|
||||||
<br>
|
|
||||||
<label>Confirmed on</label>
|
|
||||||
<input type="text" name="DirectorInterviewConfirmedOn" id="DirectorInterviewConfirmedOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
|
|
||||||
<br>
|
|
||||||
<label>Attended</label>
|
|
||||||
<input name="DirectorInterviewAttended" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="DirectorInterviewAttended" type="radio" checked value="N">
|
|
||||||
|
|
||||||
No <br>
|
|
||||||
<label>Financials Recd</label>
|
|
||||||
<input name="DirectorFinancialsRecd" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="DirectorFinancialsRecd" type="radio" checked value="N">
|
|
||||||
No <br>
|
|
||||||
<label>Business plan Recd</label>
|
|
||||||
|
|
||||||
<input name="DirectorBusinessPlanRecd" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="DirectorBusinessPlanRecd" type="radio" checked value="N">
|
|
||||||
No <br>
|
|
||||||
<label>Agreement Recd</label>
|
|
||||||
<input name="DirectorAgreementRecd" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="DirectorAgreementRecd" type="radio" checked value="N">
|
|
||||||
No <br>
|
|
||||||
|
|
||||||
<label>Disclosure letter Recd</label>
|
|
||||||
<input name="DirectorDisclosureLetterRecd" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="DirectorDisclosureLetterRecd" type="radio" checked value="N">
|
|
||||||
No <br>
|
|
||||||
<label>Medical letter Recd</label>
|
|
||||||
<input name="DirectorMedicalLetterRecd" type="radio" value="Y">
|
|
||||||
Yes
|
|
||||||
<input name="DirectorMedicalLetterRecd" type="radio" checked value="N">
|
|
||||||
|
|
||||||
No <br>
|
|
||||||
<label>Accept/decline sent on</label>
|
|
||||||
<input type="text" name="AcceptDeclineLetterSentOn" id="AcceptDeclineLetterSentOn" value="26 Jan 2009" class="datepicker" size="12" title="Enter date">
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- 11ms -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Draggable Visual Test : Default</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#draggable").draggable();
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="draggable">
|
|
||||||
<p> Draggable </p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,152 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Draggable Scroll Tests</title>
|
|
||||||
<link rel="stylesheet" href="../all.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script>
|
|
||||||
<style type="text/css">
|
|
||||||
.draggable {
|
|
||||||
width:100px;
|
|
||||||
height:100px;
|
|
||||||
background-color:green;
|
|
||||||
color: #fff;
|
|
||||||
padding: 5px;
|
|
||||||
margin: 5px;
|
|
||||||
border: 5px solid red;
|
|
||||||
}
|
|
||||||
.container {
|
|
||||||
width: 500px;
|
|
||||||
height: 200px;
|
|
||||||
border: 5px solid black;
|
|
||||||
padding: 5px;
|
|
||||||
margin: 5px;
|
|
||||||
float: left;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
.enlarge {
|
|
||||||
width: 1000px;
|
|
||||||
height: 1000px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function(){
|
|
||||||
$(".draggable").draggable({
|
|
||||||
//helper: 'clone',
|
|
||||||
drag: function(e, ui) {
|
|
||||||
//console.log(ui.helper.offset());
|
|
||||||
},
|
|
||||||
scroll:true
|
|
||||||
//containment:"parent"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div class='draggable' style='z-index: 1000;'>Simple draggable</div>
|
|
||||||
<br clear='both' />
|
|
||||||
|
|
||||||
|
|
||||||
<div class='container' style="overflow:scroll;">
|
|
||||||
<div class='draggable'>(Broken in IE)</div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='container' style="overflow:scroll; position: relative;">
|
|
||||||
<div class='draggable'></div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='container' style="overflow:scroll;">
|
|
||||||
<div class='draggable' style='position: absolute;top:0px;left:1000px;'>Absolute</div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='container' style="overflow:scroll; position: relative;">
|
|
||||||
<div class='draggable' style='position: absolute;'>Absolute</div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='container' style="overflow:scroll;">
|
|
||||||
<div class='draggable' style='position: fixed;'>Fixed</div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='container' style="overflow:scroll; position: relative;">
|
|
||||||
<div class='draggable' style='position: fixed;'>Fixed</div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Relative draggable with two containers -->
|
|
||||||
|
|
||||||
<div class='container' style="overflow:scroll; position: relative;">
|
|
||||||
<div class='container'>
|
|
||||||
<div class='draggable'>Relative</div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='container' style="overflow:scroll; position: relative;">
|
|
||||||
<div class='container' style='position: relative;'>
|
|
||||||
<div class='draggable'>Relative</div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='container' style="position: relative;">
|
|
||||||
<div class='container' style='overflow: scroll;'>
|
|
||||||
<div class='draggable'>Relative (Broken in IE)</div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='container' style="position: relative;">
|
|
||||||
<div class='container' style='position: relative; overflow: scroll;'>
|
|
||||||
<div class='draggable'>Relative</div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Absolute draggable with two containers -->
|
|
||||||
|
|
||||||
<div class='container' style="overflow:scroll; position: relative;">
|
|
||||||
<div class='container'>
|
|
||||||
<div class='draggable' style='position: absolute;'>Absolute</div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='container' style="overflow:scroll; position: relative;">
|
|
||||||
<div class='container' style='position: relative;'>
|
|
||||||
<div class='draggable' style='position: absolute;'>Absolute</div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='container' style="position: relative;">
|
|
||||||
<div class='container' style='overflow: scroll;'>
|
|
||||||
<div class='draggable' style='position: absolute;top:0px;left:0px;'>Absolute</div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='container' style="position: relative;">
|
|
||||||
<div class='container' style='position: relative; overflow: scroll;'>
|
|
||||||
<div class='draggable' style='position: absolute;'>Absolute</div>
|
|
||||||
<div class='enlarge'></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,26 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Draggable Visual Test : Draggable option containment array</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#draggable").draggable({
|
|
||||||
containment: [50, 100, 400, 350]
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="draggable">
|
|
||||||
<p> Draggable </p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,26 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Draggable Visual Test : Draggable option cursorAt object</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#draggable").draggable({
|
|
||||||
cursorAt: { top: -15, right: 15 }
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="draggable">
|
|
||||||
<p> Draggable </p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,28 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Draggable Visual Test : Draggable option handle selector</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#draggable").draggable({
|
|
||||||
handle: ".handle"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="draggable">
|
|
||||||
<p> Draggable </p>
|
|
||||||
<p class="handle">Handle</p>
|
|
||||||
<p>Not handle</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Draggable Visual Test : Draggable option iframeFix false</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#draggable").draggable({
|
|
||||||
cursorAt: { top: -10, left: -10 },
|
|
||||||
iframeFix: false
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="draggable">
|
|
||||||
<p> Draggable </p>
|
|
||||||
</div>
|
|
||||||
<iframe id="iframe1"></iframe>
|
|
||||||
<iframe id="iframe2"></iframe>
|
|
||||||
<iframe id="iframe3"></iframe>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Draggable Visual Test : Draggable option iframeFix selector</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#draggable").draggable({
|
|
||||||
cursorAt: { top: -10, left: -10 },
|
|
||||||
iframeFix: "#iframe2"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="draggable">
|
|
||||||
<p> Draggable </p>
|
|
||||||
</div>
|
|
||||||
<iframe id="iframe1"></iframe>
|
|
||||||
<iframe id="iframe2"></iframe>
|
|
||||||
<iframe id="iframe3"></iframe>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Draggable Visual Test : Draggable option iframeFix true</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#draggable").draggable({
|
|
||||||
cursorAt: { top: -10, left: -10 },
|
|
||||||
iframeFix: true
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="draggable">
|
|
||||||
<p> Draggable </p>
|
|
||||||
</div>
|
|
||||||
<iframe id="iframe1"></iframe>
|
|
||||||
<iframe id="iframe2"></iframe>
|
|
||||||
<iframe id="iframe3"></iframe>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
#draggables * { width: 100px; height: 20px; display: block; margin-bottom: 1em; background: #abc; }
|
|
||||||
#droppable { width: 200px; }
|
|
||||||
#droppable * { margin: 0.8em; padding: 0.4em; }
|
|
||||||
@ -1,33 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Droppable Visual Test : Default</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.droppable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#draggable").draggable();
|
|
||||||
$("#droppable").droppable({
|
|
||||||
drop: function() {
|
|
||||||
alert("Dropped something");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="draggable">
|
|
||||||
<p> Draggable </p>
|
|
||||||
</div>
|
|
||||||
<div id="droppable">
|
|
||||||
<p> Droppable </p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,40 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Droppable Visual Test : Draggable option accept default</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="droppable.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.droppable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#draggables *").draggable({
|
|
||||||
revert: true
|
|
||||||
});
|
|
||||||
$("#droppable").droppable({
|
|
||||||
drop: function(event, ui) {
|
|
||||||
$(this).append('<div>' + ui.draggable.text() + '</div>');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="draggables">
|
|
||||||
<div>Draggable div</div>
|
|
||||||
<p>Draggable p</p>
|
|
||||||
<span>Draggable span</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="droppable" class="ui-widget-content ui-corner-all">
|
|
||||||
<p class="ui-widget-header ui-corner-all"> Droppable </p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,43 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Droppable Visual Test : Draggable option accept function</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="droppable.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.droppable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#draggables *").draggable({
|
|
||||||
revert: true
|
|
||||||
});
|
|
||||||
$("#droppable").droppable({
|
|
||||||
accept: function(draggable) {
|
|
||||||
return (draggable.text() === 'Draggable p');
|
|
||||||
},
|
|
||||||
drop: function(event, ui) {
|
|
||||||
$(this).append('<div>' + ui.draggable.text() + '</div>');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="draggables">
|
|
||||||
<div>Draggable div</div>
|
|
||||||
<p>Draggable p</p>
|
|
||||||
<span>Draggable span</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="droppable" class="ui-widget-content ui-corner-all">
|
|
||||||
<p class="ui-widget-header ui-corner-all"> Droppable </p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,41 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Droppable Visual Test : Draggable option accept selector</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="droppable.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.droppable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#draggables *").draggable({
|
|
||||||
revert: true
|
|
||||||
});
|
|
||||||
$("#droppable").droppable({
|
|
||||||
accept: 'p',
|
|
||||||
drop: function(event, ui) {
|
|
||||||
$(this).append('<div>' + ui.draggable.text() + '</div>');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="draggables">
|
|
||||||
<div>Draggable div</div>
|
|
||||||
<p>Draggable p</p>
|
|
||||||
<span>Draggable span</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="droppable" class="ui-widget-content ui-corner-all">
|
|
||||||
<p class="ui-widget-header ui-corner-all"> Droppable </p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,51 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Droppable Visual Test - Droppable ticket 4087</title>
|
|
||||||
<link type="text/css" href="../../../themes/base/jquery.ui.all.css" rel="stylesheet" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.droppable.js"></script>
|
|
||||||
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
|
||||||
<style type="text/css">
|
|
||||||
#draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px; }
|
|
||||||
#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
|
|
||||||
</style>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#draggable").draggable();
|
|
||||||
$("#droppable").droppable({
|
|
||||||
drop: function(event, ui) {
|
|
||||||
ui.draggable.remove();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1>
|
|
||||||
Ticket <a href="http://dev.jqueryui.com/ticket/4087">#4087</a> - Removing ui.draggable immediately after the drop callback raises an error.
|
|
||||||
</h2>
|
|
||||||
<h2>
|
|
||||||
TEST: Drag 'Drag me' to the div labelled 'Drop here'
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<div id="draggable" class="ui-widget-content">
|
|
||||||
<p>Drag me</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="droppable" class="ui-widget-header">
|
|
||||||
<p>Drop here</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 style="clear:left;">
|
|
||||||
ASSERT: No exception '$(this).data("draggable") is undefined'
|
|
||||||
</h3>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,69 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Droppable Visual Test - Droppable ticket 4088</title>
|
|
||||||
<link type="text/css" href="../../../themes/base/jquery.ui.all.css" rel="stylesheet" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.droppable.js"></script>
|
|
||||||
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
|
||||||
<style type="text/css">
|
|
||||||
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
|
|
||||||
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
|
|
||||||
#sortable li span { position: absolute; margin-left: -1.3em; }
|
|
||||||
|
|
||||||
#trash { width: 58%; height: 8em; padding: 1%; margin-top: 1%; }
|
|
||||||
#trash h4 { line-height: 16px; margin: 0 0 0.4em; }
|
|
||||||
#trash h4 .ui-icon { float: left; }
|
|
||||||
</style>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#sortable").sortable();
|
|
||||||
$("#trash").droppable({
|
|
||||||
accept: '#sortable > li',
|
|
||||||
activeClass: 'ui-state-highlight',
|
|
||||||
drop: function(ev, ui) {
|
|
||||||
if (ui.draggable.is('#special')) {
|
|
||||||
setTimeout(function() { ui.draggable.remove(); }, 1);
|
|
||||||
} else {
|
|
||||||
ui.draggable.remove();
|
|
||||||
ui.draggable.html('<strong>I was dropped and removed, but still here I am!</strong>');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1>
|
|
||||||
Ticket <a href="http://dev.jqueryui.com/ticket/4088">#4088</a> - Unable to remove() ui.draggable (sortable item) immediately after the drop callback.
|
|
||||||
</h2>
|
|
||||||
<h2>
|
|
||||||
TEST: Drag 'Special Item' to the div labelled 'Drop here'
|
|
||||||
</h2>
|
|
||||||
<h2>
|
|
||||||
TEST: Drag a 'Normal Item' to the div labelled 'Drop here'
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<ul id="sortable">
|
|
||||||
<li class="ui-state-default" id="special"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Special Item</li>
|
|
||||||
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Normal Item 1</li>
|
|
||||||
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Normal Item 2</li>
|
|
||||||
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Normal Item 3</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<div id="trash" class="ui-widget-content ui-state-default">
|
|
||||||
<h4 class="ui-widget-header"><span class="ui-icon ui-icon-trash">Trash</span> Drop here</h4>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3>
|
|
||||||
ASSERT: The dropped item is removed from the original list and the following text does not appear: "<strong>I was dropped and removed, but still here I am!</strong>"
|
|
||||||
</h3>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
@ -1,24 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Default</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable();
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="resizable">Resizable</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,48 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Resizable option alsoResize child</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#parentDiv").resizable({
|
|
||||||
handles: 'all',
|
|
||||||
alsoResize: "#childDiv"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#parentDiv {
|
|
||||||
position: absolute;
|
|
||||||
padding: 1em;
|
|
||||||
width: 200px;
|
|
||||||
height: 200px;
|
|
||||||
background: silver;
|
|
||||||
border: 1px solid gray;
|
|
||||||
}
|
|
||||||
#childDiv {
|
|
||||||
position:relative;
|
|
||||||
padding: 1em;
|
|
||||||
border: 1px solid gray;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="parentDiv">
|
|
||||||
parent
|
|
||||||
<div id="childDiv">
|
|
||||||
child
|
|
||||||
</div>
|
|
||||||
parent
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Resizable option aspectRatio 0.5</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable({
|
|
||||||
aspectRatio: 0.5
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#resizable { width: 100px; height: 100px; background: silver; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="resizable">Resizable</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Resizable option aspectRatio 1.0</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable({
|
|
||||||
aspectRatio: 1.0
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#resizable { width: 100px; height: 100px; background: silver; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="resizable">Resizable</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Resizable option aspectRatio 1.5</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable({
|
|
||||||
aspectRatio: 1.5
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#resizable { width: 100px; height: 100px; background: silver; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="resizable">Resizable</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Resizable option aspectRatio 1.0 maxHeight 150</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable({
|
|
||||||
aspectRatio: 'preserve',
|
|
||||||
maxHeight: 150
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#resizable { width: 100px; height: 100px; background: silver; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="resizable">Resizable</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Resizable option aspectRatio 1.0 maxWidth 150</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable({
|
|
||||||
aspectRatio: 'preserve',
|
|
||||||
maxWidth: 150
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#resizable { width: 100px; height: 100px; background: silver; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="resizable">Resizable</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Resizable option aspectRatio 1.0 minHeight 50</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable({
|
|
||||||
aspectRatio: 'preserve',
|
|
||||||
minHeight: 50
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#resizable { width: 100px; height: 100px; background: silver; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="resizable">Resizable</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Resizable option aspectRatio 1.0 maxWidth 50</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable({
|
|
||||||
aspectRatio: 'preserve',
|
|
||||||
minWidth: 50
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#resizable { width: 100px; height: 100px; background: silver; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="resizable">Resizable</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Default</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable({
|
|
||||||
aspectRatio: 'preserve'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#resizable { width: 100px; height: 100px; background: silver; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="resizable">Resizable</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Default</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable({
|
|
||||||
aspectRatio: 'preserve'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#resizable { width: 50px; height: 100px; background: silver; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="resizable">Resizable</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Default</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable({
|
|
||||||
aspectRatio: 'preserve'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#resizable { width: 100px; height: 50px; background: silver; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="resizable">Resizable</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Resizable ticket #3053</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable({
|
|
||||||
handles: 'all',
|
|
||||||
aspectRatio: true,
|
|
||||||
transparent: true,
|
|
||||||
ghost: true
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
.ui-resizable-handle { width: 8px; height: 8px; border: 1px solid rgb(128, 128, 128); background: rgb(242, 242, 242); }
|
|
||||||
.ui-resizable-n, .ui-resizable-s { left: 45%; }
|
|
||||||
.ui-resizable-e, .ui-resizable-w { top: 45%; }
|
|
||||||
.ui-resizable-se { bottom: -5px; right: -5px; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/3053">#3053 - when resizing a image a row of pixels can disappear</a></h1>
|
|
||||||
|
|
||||||
<img id="resizable" src="images/test.png">
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Resizable ticket #4199</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable({
|
|
||||||
containment:"#container",
|
|
||||||
aspectRatio: true
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#container { width: 250px; height: 250px; border: 1px solid black; }
|
|
||||||
#resizable { background: gray; width: 70px; height: 30px; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4199">#4199 - resizable with containment boundary - aspectRatio breaks.</a></h1>
|
|
||||||
|
|
||||||
<div id="container">
|
|
||||||
|
|
||||||
<div id="resizable">Resizable</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,46 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Resizable ticket #4217</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable({
|
|
||||||
handles: 'all',
|
|
||||||
containment: 'parent'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#rprnt { width: 425px; height: 200px; border: 1px solid black; }
|
|
||||||
#resizable { background: #cec; height: 100px; border: 1px dotted gray; }
|
|
||||||
.ui-resizable-handle { width: 8px; height: 8px; border: 1px solid rgb(128, 128, 128); background: rgb(242, 242, 242); }
|
|
||||||
.ui-resizable-n, .ui-resizable-s { left: 45%; }
|
|
||||||
.ui-resizable-e, .ui-resizable-w { top: 45%; }
|
|
||||||
.ui-resizable-se { bottom: -5px; right: -5px; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4217">#4217 - Resizable: displacement of element (in case of constraint resize area)</a></h1>
|
|
||||||
<img src="http://dev.jqueryui.com/raw-attachment/ticket/4217/resizable.PNG">
|
|
||||||
|
|
||||||
<div id="rprnt">
|
|
||||||
|
|
||||||
<div id="resizable">
|
|
||||||
<p>
|
|
||||||
Resizable
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,32 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Resizable ticket #4940</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#resizable").resizable().resizable('destroy');
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4940">#4940 - resizable('destroy') moves images to end of parent element</a></h1>
|
|
||||||
|
|
||||||
before
|
|
||||||
|
|
||||||
<textarea id="resizable"></textarea>
|
|
||||||
|
|
||||||
after
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,52 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Resizable Visual Test : Resizable ticket #5335</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.droppable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$('.item.to-be-draggable').draggable({ revert: true });
|
|
||||||
$('.item').resizable({ maxWidth: 500, minHeight: 150, minWidth: 170, maxHeight: 400,handles: 'n,s' });
|
|
||||||
}
|
|
||||||
);
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
#main {
|
|
||||||
width: 900px;
|
|
||||||
height: 500px;
|
|
||||||
overflow: scroll;
|
|
||||||
}
|
|
||||||
.item {
|
|
||||||
width: 170px;
|
|
||||||
height: 150px;
|
|
||||||
margin: 10px;
|
|
||||||
border: 1px solid #aaa;
|
|
||||||
}
|
|
||||||
#sub {
|
|
||||||
height: 2000px;
|
|
||||||
}
|
|
||||||
.i1 { background-color: #acacac; }
|
|
||||||
.i2 { background-color: #bcacac; }
|
|
||||||
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/5335">#5335 - Resizable: position set to absolute at end of resize</a></h1>
|
|
||||||
<div id="main">
|
|
||||||
<div id="sub">
|
|
||||||
<div class="item i1 to-be-draggable">Draggable</div>
|
|
||||||
<div class="item i2">Not draggable</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,40 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Selectable Visual Test : Default</title>
|
|
||||||
<link rel="stylesheet" href="../all.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.selectable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#selectable").selectable();
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<ul class="plugins">
|
|
||||||
<li class="plugin">
|
|
||||||
Selectable
|
|
||||||
<div id="selectable">
|
|
||||||
<div>1</div>
|
|
||||||
<div>2</div>
|
|
||||||
<div>3</div>
|
|
||||||
<div>4</div>
|
|
||||||
<div>5</div>
|
|
||||||
<div>6</div>
|
|
||||||
<div>7</div>
|
|
||||||
<div>8</div>
|
|
||||||
<div>9</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,46 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Selectable Visual Test : Selectable ticket #4341</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.selectable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#selectable").selectable({
|
|
||||||
appendTo: "#container"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style type="text/css">
|
|
||||||
body { margin: 0; padding: 0; }
|
|
||||||
#container { width: 600px; height: 400px; border: 1px solid gray; position: relative; overflow: hidden; }
|
|
||||||
#selectable { width: 400px; height: 300px; border: 1px solid silver; margin: 1em; }
|
|
||||||
#selectable * { margin: 1em; padding: 1em; }
|
|
||||||
.ui-selecting { background-color: #eef; }
|
|
||||||
.ui-selected { background-color: silver; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="container">
|
|
||||||
|
|
||||||
<div id="selectable">
|
|
||||||
<div>Selectable 1</div>
|
|
||||||
<div>Selectable 2</div>
|
|
||||||
<div>Selectable 3</div>
|
|
||||||
<div>Selectable 4</div>
|
|
||||||
<div>Selectable 5</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4341">#4341 - Selectable: option appendTo is ignored, helper always appends to body</a></h1>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,40 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Sortable Visual Test : Default</title>
|
|
||||||
<link rel="stylesheet" href="../all.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#sortable").sortable();
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<ul class="plugins">
|
|
||||||
<li class="plugin">
|
|
||||||
Sortable
|
|
||||||
<div id="sortable">
|
|
||||||
<div>C</div>
|
|
||||||
<div>I</div>
|
|
||||||
<div>G</div>
|
|
||||||
<div>F</div>
|
|
||||||
<div>D</div>
|
|
||||||
<div>H</div>
|
|
||||||
<div>A</div>
|
|
||||||
<div>E</div>
|
|
||||||
<div>B</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,757 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Sortable Massive Scale Test</title>
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<style>
|
|
||||||
ul {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
border: 1px solid black;
|
|
||||||
width: 210px;
|
|
||||||
float: left;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
width: 200px;
|
|
||||||
background: #eee;
|
|
||||||
margin: 5px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$('ul').not(".draggable").sortable({ items: "li" });
|
|
||||||
$("ul.draggable li").draggable({ helper: "clone", connectToSortable: "ul" });
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<ul class="draggable">
|
|
||||||
<li>Draggable</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
<li>Item 1</li>
|
|
||||||
<li>Item 2</li>
|
|
||||||
<li>Item 3</li>
|
|
||||||
<li>Item 4</li>
|
|
||||||
<li>Item 5</li>
|
|
||||||
<li>Item 6</li>
|
|
||||||
<li>Item 7</li>
|
|
||||||
<li>Item 8</li>
|
|
||||||
<li>Item 9</li>
|
|
||||||
<li>Item 10</li>
|
|
||||||
<li>Item 11</li>
|
|
||||||
<li>Item 12</li>
|
|
||||||
<li>Item 13</li>
|
|
||||||
<li>Item 14</li>
|
|
||||||
<li>Item 15</li>
|
|
||||||
<li>Item 16</li>
|
|
||||||
<li>Item 17</li>
|
|
||||||
<li>Item 18</li>
|
|
||||||
<li>Item 19</li>
|
|
||||||
<li>Item 20</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Sortable Visual Test : Sortable option revert false</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#sortable").sortable({
|
|
||||||
revert: false
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="sortable">
|
|
||||||
<div>Sortable 1</div>
|
|
||||||
<div>Sortable 2</div>
|
|
||||||
<div>Sortable 3</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Sortable Visual Test : Sortable option revert true</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
$("#sortable").sortable({
|
|
||||||
revert: true
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="sortable">
|
|
||||||
<div>Sortable 1</div>
|
|
||||||
<div>Sortable 2</div>
|
|
||||||
<div>Sortable 3</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,78 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Visual testcase for #4231</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.droppable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script>
|
|
||||||
<style>
|
|
||||||
.scrollArea {
|
|
||||||
overflow: auto;
|
|
||||||
width: 400px;
|
|
||||||
height: 600px;
|
|
||||||
}
|
|
||||||
.dropArea {
|
|
||||||
height: 100px;
|
|
||||||
width: 380px;
|
|
||||||
padding: 0 0 0 0;
|
|
||||||
background-color: #CCCCCC;
|
|
||||||
margin: 10px 0 10px 0;
|
|
||||||
}
|
|
||||||
.dragArea {
|
|
||||||
width: 100px;
|
|
||||||
height: 30px;
|
|
||||||
background-color: #FF0000;
|
|
||||||
margin: 10px 0 10px 0;
|
|
||||||
}
|
|
||||||
.inv {
|
|
||||||
position: absolute;
|
|
||||||
left: 450px;
|
|
||||||
top: 10px;
|
|
||||||
width: 150px;
|
|
||||||
height: 600px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script>jQuery(document).ready(function(){
|
|
||||||
$(".dropArea").droppable({
|
|
||||||
drop: function(ev, ui) { $(ui.draggable).html("dropped"); }
|
|
||||||
})
|
|
||||||
.sortable();
|
|
||||||
$(".dragArea").draggable({
|
|
||||||
connectToSortable: '.dropArea',
|
|
||||||
revert: 'invalid',
|
|
||||||
helper: 'clone'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="scrollArea">
|
|
||||||
<ul class="dropArea"></ul>
|
|
||||||
<ul class="dropArea"></ul>
|
|
||||||
<ul class="dropArea"></ul>
|
|
||||||
<ul class="dropArea"></ul>
|
|
||||||
<ul class="dropArea"></ul>
|
|
||||||
<ul class="dropArea"></ul>
|
|
||||||
<ul class="dropArea"></ul>
|
|
||||||
<ul class="dropArea"></ul>
|
|
||||||
<ul class="dropArea"></ul>
|
|
||||||
<ul class="dropArea"></ul>
|
|
||||||
<ul class="dropArea"></ul>
|
|
||||||
<ul class="dropArea"></ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ul class="inv">
|
|
||||||
<li class="dragArea">Drag me</li>
|
|
||||||
<li class="dragArea">Drag me</li>
|
|
||||||
<li class="dragArea">Drag me</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,58 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Sortable Visual Test : Sortable ticket #5355</title>
|
|
||||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
|
||||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="../../../jquery-1.6.4.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.mouse.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.droppable.js"></script>
|
|
||||||
<script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script>
|
|
||||||
<style>
|
|
||||||
#main {
|
|
||||||
height: 2000px;
|
|
||||||
padding-top: 1000px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script>
|
|
||||||
$( function() {
|
|
||||||
$( ".AdminSidebar" ).sortable( {
|
|
||||||
connectWith: '.AdminSidebar',
|
|
||||||
handle: '.moveWidget'
|
|
||||||
} );
|
|
||||||
} );
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/5355">#5355 - cssPosition in sortable</a></h1>
|
|
||||||
|
|
||||||
<div id="main">
|
|
||||||
<div class="AdminSidebar" style="float:left">
|
|
||||||
<div class="AdminWidget">
|
|
||||||
<span class="moveWidget">handle</span>
|
|
||||||
<div class="WidgetContent">....</div>
|
|
||||||
</div>
|
|
||||||
<div class="AdminWidget">
|
|
||||||
<span class="moveWidget">handle</span>
|
|
||||||
<div class="WidgetContent">....</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="AdminSidebar" style="float:left;">
|
|
||||||
<div class="AdminWidget">
|
|
||||||
<span class="moveWidget">handle</span>
|
|
||||||
<div class="WidgetContent">....</div>
|
|
||||||
</div>
|
|
||||||
<div class="AdminWidget">
|
|
||||||
<span class="moveWidget">handle</span>
|
|
||||||
<div class="WidgetContent">....</div>
|
|
||||||
</div>.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in New Issue
Block a user