diff options
Diffstat (limited to 'tests/visual')
85 files changed, 444 insertions, 3100 deletions
diff --git a/tests/visual/addClass/addClass_queue.html b/tests/visual/addClass/addClass_queue.html index d7ac334a0..dd0188ad9 100644 --- a/tests/visual/addClass/addClass_queue.html +++ b/tests/visual/addClass/addClass_queue.html @@ -5,7 +5,7 @@ <title>addClass Visual Test : Queue</title> <link rel="stylesheet" href="../visual.css"> <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> - <script src="../../../jquery-1.6.2.js"></script> + <script src="../../../jquery-1.7.js"></script> <script src="../../../ui/jquery.effects.core.js"></script> <style> .box { diff --git a/tests/visual/button/button.html b/tests/visual/button/button.html index 25383c07f..053b4df00 100644 --- a/tests/visual/button/button.html +++ b/tests/visual/button/button.html @@ -9,7 +9,7 @@ #toolbar { margin-top: 2em; padding:0.2em; } #ops1, #ops2, #format, #mode { margin-right: 1em } </style> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> <script type="text/javascript" src="../../../external/jquery.metadata.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> diff --git a/tests/visual/button/button_disabled_true.html b/tests/visual/button/button_disabled_true.html index d6e78f529..5284dc022 100644 --- a/tests/visual/button/button_disabled_true.html +++ b/tests/visual/button/button_disabled_true.html @@ -5,7 +5,7 @@ <title>Button Visual Test : Button disabled 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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.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.button.js"></script> diff --git a/tests/visual/button/button_input_type_checkbox.html b/tests/visual/button/button_input_type_checkbox.html deleted file mode 100644 index b9f16b5fd..000000000 --- a/tests/visual/button/button_input_type_checkbox.html +++ /dev/null @@ -1,25 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Button Visual Test : Button input type checkbox</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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script> - <script type="text/javascript"> - $(function() { - - $('#check').button(); - - }); - </script> -</head> -<body> - -<input type="checkbox" id="check" /><label for="check">Toggle</label> - -</body> -</html> diff --git a/tests/visual/button/button_option_disabled_true.html b/tests/visual/button/button_option_disabled_true.html deleted file mode 100644 index d6e78f529..000000000 --- a/tests/visual/button/button_option_disabled_true.html +++ /dev/null @@ -1,84 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Button Visual Test : Button disabled 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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script> - <script type="text/javascript"> - $(function() { - - $("#button1").button({ - disabled: true - }); - - $("#anchor1").button({ - disabled: true - }); - - $("#inputbutton1").button({ - disabled: true - }); - - $("#radio1, #radio2, #radio3").button({ - disabled: true - }); - - $("#checkbox1, #checkbox2, #checkbox3").button({ - disabled: true - }); - - }); - </script> -</head> -<body> - -<fieldset> - <legend>button</legend> - <button disabled="disabled">button</button> - <hr /> - <button id="button1">button</button> -</fieldset> - -<fieldset> - <legend>anchor</legend> - <a href="javascript:void(0)" disabled="disabled">anchor 1</a> - <hr /> - <a href="javascript:void(0)" id="anchor1">anchor 1</a> -</fieldset> - -<fieldset> - <legend>input type="button"</legend> - <input type="button" disabled="disabled" value="input button 1" /> - <hr /> - <input type="button" id="inputbutton1" value="input button 1" /> -</fieldset> - -<fieldset> - <legend>input type="radio"</legend> - <input type="radio" name="radioletter" id="radioa" disabled="disabled" /><label for="radioa">radio a</label> - <input type="radio" name="radioletter" id="radiob" disabled="disabled" /><label for="radiob">radio b</label> - <input type="radio" name="radioletter" id="radioc" disabled="disabled" /><label for="radioc">radio c</label> - <hr /> - <input type="radio" name="radionumber" id="radio1" /><label for="radio1">radio 1</label> - <input type="radio" name="radionumber" id="radio2" /><label for="radio2">radio 2</label> - <input type="radio" name="radionumber" id="radio3" /><label for="radio3">radio 3</label> -</fieldset> - -<fieldset> - <legend>input type="checkbox"</legend> - <input type="checkbox" id="checkboxa" disabled="disabled" /><label for="checkboxa">checkbox a</label> - <input type="checkbox" id="checkboxb" disabled="disabled" /><label for="checkboxb">checkbox b</label> - <input type="checkbox" id="checkboxc" disabled="disabled" /><label for="checkboxc">checkbox c</label> - <hr /> - <input type="checkbox" id="checkbox1" /><label for="checkbox1">checkbox 1</label> - <input type="checkbox" id="checkbox2" /><label for="checkbox2">checkbox 2</label> - <input type="checkbox" id="checkbox3" /><label for="checkbox3">checkbox 3</label> -</fieldset> - -</body> -</html> diff --git a/tests/visual/button/button_performance.html b/tests/visual/button/button_performance.html index 367f1db0e..40d53d774 100644 --- a/tests/visual/button/button_performance.html +++ b/tests/visual/button/button_performance.html @@ -9,7 +9,7 @@ #toolbar { margin-top: 2em; padding:0.2em; } #ops1, #ops2, #format, #mode { margin-right: 1em } </style> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> <script type="text/javascript" src="../../../external/jquery.metadata.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> diff --git a/tests/visual/button/button_ticket_5254.html b/tests/visual/button/button_ticket_5254.html index 7c652768c..ccd237f31 100644 --- a/tests/visual/button/button_ticket_5254.html +++ b/tests/visual/button/button_ticket_5254.html @@ -5,7 +5,7 @@ <title>Button Visual Test : Button ticket #5254</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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.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.button.js"></script> diff --git a/tests/visual/button/button_ticket_5261.html b/tests/visual/button/button_ticket_5261.html index cec2f1af4..ad92c7aa9 100644 --- a/tests/visual/button/button_ticket_5261.html +++ b/tests/visual/button/button_ticket_5261.html @@ -5,7 +5,7 @@ <title>Button Visual Test : Button ticket #5261</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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.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.button.js"></script> diff --git a/tests/visual/button/button_ticket_5278.html b/tests/visual/button/button_ticket_5278.html index dae2bf5f0..ac2c1cff0 100644 --- a/tests/visual/button/button_ticket_5278.html +++ b/tests/visual/button/button_ticket_5278.html @@ -5,7 +5,7 @@ <title>Button Visual Test : Button ticket #5278</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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.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.button.js"></script> diff --git a/tests/visual/compound/accordion_dialog.html b/tests/visual/compound/accordion_dialog.html index f7c394a52..e11a35098 100644 --- a/tests/visual/compound/accordion_dialog.html +++ b/tests/visual/compound/accordion_dialog.html @@ -5,7 +5,7 @@ <title>Compound Visual Test : Accordion in Dialog</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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.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> diff --git a/tests/visual/compound/accordion_tabs.html b/tests/visual/compound/accordion_tabs.html index 09a9200fb..f356179c9 100644 --- a/tests/visual/compound/accordion_tabs.html +++ b/tests/visual/compound/accordion_tabs.html @@ -5,7 +5,7 @@ <title>Compound Visual Test : Accordion in Tabs</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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.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.accordion.js"></script> diff --git a/tests/visual/compound/datepicker_dialog.html b/tests/visual/compound/datepicker_dialog.html index 0737ecbeb..1762e6108 100644 --- a/tests/visual/compound/datepicker_dialog.html +++ b/tests/visual/compound/datepicker_dialog.html @@ -5,7 +5,7 @@ <title>Compound Visual Test : Datepicker in Dialog</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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.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> diff --git a/tests/visual/compound/draggable_accordion.html b/tests/visual/compound/draggable_accordion.html index e95694a52..634ffbe2d 100644 --- a/tests/visual/compound/draggable_accordion.html +++ b/tests/visual/compound/draggable_accordion.html @@ -5,7 +5,7 @@ <title>Compound Visual Test : Draggable in Accordion</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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.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> diff --git a/tests/visual/compound/draggable_accordion_accordion_tabs_draggable.html b/tests/visual/compound/draggable_accordion_accordion_tabs_draggable.html index bbd60b11c..3f211b046 100644 --- a/tests/visual/compound/draggable_accordion_accordion_tabs_draggable.html +++ b/tests/visual/compound/draggable_accordion_accordion_tabs_draggable.html @@ -5,7 +5,7 @@ <title>Compound Visual Test : Draggable in Accordion</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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.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> diff --git a/tests/visual/compound/sortable_accordion_sortable_tabs.html b/tests/visual/compound/sortable_accordion_sortable_tabs.html index c4adae8cc..c055016b6 100644 --- a/tests/visual/compound/sortable_accordion_sortable_tabs.html +++ b/tests/visual/compound/sortable_accordion_sortable_tabs.html @@ -5,7 +5,7 @@ <title>Compound Visual Test : Accordion in Tabs</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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.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> diff --git a/tests/visual/compound/tabs_tabs.html b/tests/visual/compound/tabs_tabs.html index 9f2655cbf..7398bef3a 100644 --- a/tests/visual/compound/tabs_tabs.html +++ b/tests/visual/compound/tabs_tabs.html @@ -5,7 +5,7 @@ <title>Compound Visual Test : Tabs in Tabs</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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.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.accordion.js"></script> diff --git a/tests/visual/compound/tabs_tooltips.html b/tests/visual/compound/tabs_tooltips.html index fe5d224da..d8d132a30 100644 --- a/tests/visual/compound/tabs_tooltips.html +++ b/tests/visual/compound/tabs_tooltips.html @@ -5,7 +5,7 @@ <title>Compound Visual Test : Tabs in Tabs</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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> diff --git a/tests/visual/compound/widgets_in_dialog.html b/tests/visual/compound/widgets_in_dialog.html index 11a2505ae..999b67b0f 100644 --- a/tests/visual/compound/widgets_in_dialog.html +++ b/tests/visual/compound/widgets_in_dialog.html @@ -5,7 +5,7 @@ <title>Compound Visual Test : All Widgets in Dialog</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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.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> diff --git a/tests/visual/datepicker/calendar.gif b/tests/visual/datepicker/calendar.gif Binary files differdeleted file mode 100644 index 8526cf5d1..000000000 --- a/tests/visual/datepicker/calendar.gif +++ /dev/null diff --git a/tests/visual/datepicker/datepicker.html b/tests/visual/datepicker/datepicker.html deleted file mode 100644 index bc0ea52a1..000000000 --- a/tests/visual/datepicker/datepicker.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.datepicker.js"></script> - <script type="text/javascript"> - $(function() { - $('#datepicker').datepicker(); - }); - </script> -</head> -<body> - -<div id="datepicker"></div> - -</body> -</html> diff --git a/tests/visual/datepicker/datepicker_multi_inline.html b/tests/visual/datepicker/datepicker_multi_inline.html deleted file mode 100644 index 74577d452..000000000 --- a/tests/visual/datepicker/datepicker_multi_inline.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/datepicker/datepicker_ticket_4071.html b/tests/visual/datepicker/datepicker_ticket_4071.html deleted file mode 100644 index 25ff6e8d4..000000000 --- a/tests/visual/datepicker/datepicker_ticket_4071.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/datepicker/datepicker_ticket_4240.html b/tests/visual/datepicker/datepicker_ticket_4240.html deleted file mode 100644 index 34a3cde07..000000000 --- a/tests/visual/datepicker/datepicker_ticket_4240.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/datepicker/datepicker_ticket_4443.html b/tests/visual/datepicker/datepicker_ticket_4443.html deleted file mode 100644 index 1c12c001c..000000000 --- a/tests/visual/datepicker/datepicker_ticket_4443.html +++ /dev/null @@ -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.2.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> diff --git a/tests/visual/datepicker/datepicker_ticket_5676.html b/tests/visual/datepicker/datepicker_ticket_5676.html deleted file mode 100644 index 1dee497a2..000000000 --- a/tests/visual/datepicker/datepicker_ticket_5676.html +++ /dev/null @@ -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.2.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> diff --git a/tests/visual/datepicker/datepicker_ticket_7552.html b/tests/visual/datepicker/datepicker_ticket_7552.html deleted file mode 100644 index 5ec093975..000000000 --- a/tests/visual/datepicker/datepicker_ticket_7552.html +++ /dev/null @@ -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.2.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> diff --git a/tests/visual/datepicker/multimonth.html b/tests/visual/datepicker/multimonth.html deleted file mode 100644 index da5dc3b42..000000000 --- a/tests/visual/datepicker/multimonth.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.datepicker.js"></script> - <script type="text/javascript"> - $(function() { - $('#datepicker').datepicker({numberOfMonths: [4,3], showButtonPanel: true }); - }); - </script> -</head> -<body> - -<div id="datepicker"></div> - -</body> -</html> diff --git a/tests/visual/datepicker/viewport.html b/tests/visual/datepicker/viewport.html deleted file mode 100644 index d1412fc03..000000000 --- a/tests/visual/datepicker/viewport.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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>
\ No newline at end of file diff --git a/tests/visual/dialog/dialog_on_page_with_large_dom.html b/tests/visual/dialog/dialog_on_page_with_large_dom.html index e06378ca3..2a9307194 100644 --- a/tests/visual/dialog/dialog_on_page_with_large_dom.html +++ b/tests/visual/dialog/dialog_on_page_with_large_dom.html @@ -5,7 +5,7 @@ <title>Dialog Visual Test : Modal Dialog in Large DOM</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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> <script type="text/javascript" src="../../../external/jquery.bgiframe-2.1.2.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> diff --git a/tests/visual/draggable/draggable.html b/tests/visual/draggable/draggable.html deleted file mode 100644 index 85c096600..000000000 --- a/tests/visual/draggable/draggable.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/draggable/draggable.scroll.html b/tests/visual/draggable/draggable.scroll.html deleted file mode 100644 index 206d0d63e..000000000 --- a/tests/visual/draggable/draggable.scroll.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/draggable/draggable_option_containment_array.html b/tests/visual/draggable/draggable_option_containment_array.html deleted file mode 100644 index ba0fcb122..000000000 --- a/tests/visual/draggable/draggable_option_containment_array.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/draggable/draggable_option_cursorAt_object.html b/tests/visual/draggable/draggable_option_cursorAt_object.html deleted file mode 100644 index 901f5f262..000000000 --- a/tests/visual/draggable/draggable_option_cursorAt_object.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/draggable/draggable_option_handle_selector.html b/tests/visual/draggable/draggable_option_handle_selector.html deleted file mode 100644 index d780f3dc0..000000000 --- a/tests/visual/draggable/draggable_option_handle_selector.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/draggable/draggable_option_iframeFix_false.html b/tests/visual/draggable/draggable_option_iframeFix_false.html deleted file mode 100644 index 8e17c04cc..000000000 --- a/tests/visual/draggable/draggable_option_iframeFix_false.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/draggable/draggable_option_iframeFix_selector.html b/tests/visual/draggable/draggable_option_iframeFix_selector.html deleted file mode 100644 index 355df8756..000000000 --- a/tests/visual/draggable/draggable_option_iframeFix_selector.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/draggable/draggable_option_iframeFix_true.html b/tests/visual/draggable/draggable_option_iframeFix_true.html deleted file mode 100644 index 0f7f10fe0..000000000 --- a/tests/visual/draggable/draggable_option_iframeFix_true.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/droppable/droppable.css b/tests/visual/droppable/droppable.css deleted file mode 100644 index cfe663ece..000000000 --- a/tests/visual/droppable/droppable.css +++ /dev/null @@ -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; } diff --git a/tests/visual/droppable/droppable.html b/tests/visual/droppable/droppable.html deleted file mode 100644 index 833a2b551..000000000 --- a/tests/visual/droppable/droppable.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/droppable/droppable_option_accept_default.html b/tests/visual/droppable/droppable_option_accept_default.html deleted file mode 100644 index cce302c55..000000000 --- a/tests/visual/droppable/droppable_option_accept_default.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/droppable/droppable_option_accept_function.html b/tests/visual/droppable/droppable_option_accept_function.html deleted file mode 100644 index 178bcf946..000000000 --- a/tests/visual/droppable/droppable_option_accept_function.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/droppable/droppable_option_accept_selector.html b/tests/visual/droppable/droppable_option_accept_selector.html deleted file mode 100644 index 238f53178..000000000 --- a/tests/visual/droppable/droppable_option_accept_selector.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/droppable/droppable_ticket_4087.html b/tests/visual/droppable/droppable_ticket_4087.html deleted file mode 100644 index 7f64a45ec..000000000 --- a/tests/visual/droppable/droppable_ticket_4087.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/droppable/droppable_ticket_4088.html b/tests/visual/droppable/droppable_ticket_4088.html deleted file mode 100644 index 0a21e977e..000000000 --- a/tests/visual/droppable/droppable_ticket_4088.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/effects/effects.all.html b/tests/visual/effects/effects.all.html index f4ae7ddb5..838e17a3c 100644 --- a/tests/visual/effects/effects.all.html +++ b/tests/visual/effects/effects.all.html @@ -4,7 +4,7 @@ <meta charset="utf-8"> <title>jQuery UI Effects Test Suite</title> <link rel="stylesheet" href="effects.all.css" type="text/css"> - <script src="../../../jquery-1.6.2.js"></script> + <script src="../../../jquery-1.7.js"></script> <script src="../../../ui/jquery.effects.core.js"></script> <script src="../../../ui/jquery.effects.blind.js"></script> <script src="../../../ui/jquery.effects.bounce.js"></script> diff --git a/tests/visual/effects/effects.scale.html b/tests/visual/effects/effects.scale.html index 5bcded605..2d35cee18 100644 --- a/tests/visual/effects/effects.scale.html +++ b/tests/visual/effects/effects.scale.html @@ -4,7 +4,7 @@ <meta charset="utf-8"> <title>jQuery UI Effects Test Suite</title> <link rel="stylesheet" href="effects.all.css" type="text/css"> - <script src="../../../jquery-1.6.2.js"></script> + <script src="../../../jquery-1.7.js"></script> <script src="../../../ui/jquery.effects.core.js"></script> <script src="../../../ui/jquery.effects.scale.js"></script> <script src="effects.all.js"></script> diff --git a/tests/visual/menu/drilldown.html b/tests/visual/menu/drilldown.html index c54c90fde..838583e88 100644 --- a/tests/visual/menu/drilldown.html +++ b/tests/visual/menu/drilldown.html @@ -4,7 +4,7 @@ <title>Menu 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" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> diff --git a/tests/visual/menu/menu.html b/tests/visual/menu/menu.html index 5720d04d9..80062a423 100644 --- a/tests/visual/menu/menu.html +++ b/tests/visual/menu/menu.html @@ -4,7 +4,7 @@ <title>Menu 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" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> @@ -16,16 +16,30 @@ right: 10, top: 10 }).appendTo(document.body).themeswitcher(); - + function create() { menus.menu({ select: function(event, ui) { $("<div/>").text("Selected: " + ui.item.text()).appendTo("#log"); } }); + + $("#menu5").menu({ + select: function(event, ui) { + $("<div/>").text("Selected: " + ui.item.text()).appendTo("#log"); + }, + items: "div" + }); + + $("#menu6").menu({ + select: function(event, ui) { + $("<div/>").text("Selected: " + ui.item.text()).appendTo("#log"); + }, + items: ".menuElement" + }); } - var menus = $("#menu1, #menu2, #menu3, #menu4"); + var menus = $("#menu1, #menu2, #menu3, .menu4"); create(); $("#toggle-destroy").toggle(function() { @@ -41,11 +55,14 @@ <style> body { font-size:62.5%; } .ui-menu { width: 200px; margin-bottom: 2em; } - #menu4 { height: 200px; overflow: auto; } + .menu4 { height: 200px; overflow-y: auto; overflow-x: hidden; } + .address-item { border-bottom: 1px solid #999; } + .address-header { display: block; margin-bottom: .2em; font-weight: bold; } + .address-content { display: block; margin-bottom: .2em; padding-left: 10px; } </style> </head> <body> - + <ul id="menu1"> <li><a href="#">Aberdeen</a></li> <li><a href="#">Ada</a></li> @@ -132,7 +149,7 @@ </li> </ul> -<ul id="menu4"> +<ul class="menu4"> <li><a href="#">Aberdeen</a></li> <li><a href="#">Ada</a></li> <li><a href="#">Adamsville</a></li> @@ -173,6 +190,87 @@ <li><a href="#">Amesville</a></li> </ul> +<div id="menu5"> + <blockquote><a href="#">Aberdeen</a></blockquote> + <blockquote><a href="#">Ada</a></blockquote> + <blockquote><a href="#">Adamsville</a></blockquote> + <blockquote><a href="#">Addyston</a></blockquote> + <blockquote> + <a href="#">Delphi</a> + <div> + <blockquote><a href="#">Ada</a></blockquote> + <blockquote><a href="#">Saarland</a></blockquote> + <blockquote><a href="#">Salzburg</a></blockquote> + </div> + </blockquote> + <blockquote><a href="#">Saarland</a></blockquote> + <blockquote> + <a href="#">Salzburg</a> + <div> + <blockquote> + <a href="#">Delphi</a> + <div> + <blockquote><a href="#">Ada</a></blockquote> + <blockquote><a href="#">Saarland</a></blockquote> + <blockquote><a href="#">Salzburg</a></blockquote> + </div> + </blockquote> + <blockquote> + <a href="#">Delphi</a> + <div> + <blockquote><a href="#">Ada</a></blockquote> + <blockquote><a href="#">Saarland</a></blockquote> + <blockquote><a href="#">Salzburg</a></blockquote> + </div> + </blockquote> + <blockquote><a href="#">Perch</a></blockquote> + </div> + </blockquote> +</div> + +<div class="menuElement" id="menu6"> + <div class="address-item"> + <a href="#"> + <span class="address-header">John Doe</span> + <span class="address-content">78 West Main St Apt 3A</span> + <span class="address-content">Bloomsburg, PA 12345</span> + </a> + </div> + <div class="address-item"> + <a href="#"> + <span class="address-header">Jane Doe</span> + <span class="address-content">78 West Main St Apt 3A</span> + <span class="address-content">Bloomsburg, PA 12345</span> + </a> + </div> + <div class="address-item"> + <a href="#"> + <span class="address-header">James Doe</span> + <span class="address-content">78 West Main St Apt 3A</span> + <span class="address-content">Bloomsburg, PA 12345</span> + </a> + </div> + <div class="address-item"> + <a href="#"> + <span class="address-header">Jenny Doe</span> + <span class="address-content">78 West Main St Apt 3A</span> + <span class="address-content">Bloomsburg, PA 12345</span> + </a> + </div> + <div class="address-item"> + <a href="#"> + <span class="address-header">John Doe</span> + <span class="address-content">78 West Main St Apt 3A</span> + <span class="address-content">Bloomsburg, PA 12345</span> + </a> + <div class="menuElement"> + <div><a href="#">Ada</a></div> + <div><a href="#">Saarland</a></div> + <div><a href="#">Salzburg</a></div> + </div> + </div> +</div> + <div class="ui-widget" style="clear: left; margin-top:2em; font-family:Arial"> Log: <div id="log" style="height: 400px; width: 300px; overflow: auto;" class="ui-widget-content"></div> @@ -182,4 +280,4 @@ <button id="toggle-destroy">Destroy / Create</button> </body> -</html> +</html>
\ No newline at end of file diff --git a/tests/visual/menu/tablemenu.html b/tests/visual/menu/tablemenu.html index 1eea8e02b..be1d06460 100644 --- a/tests/visual/menu/tablemenu.html +++ b/tests/visual/menu/tablemenu.html @@ -4,7 +4,7 @@ <title>Menu 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" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.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.menu.js"></script> diff --git a/tests/visual/position/position.html b/tests/visual/position/position.html index 5a8b1c814..e28a6ae69 100644 --- a/tests/visual/position/position.html +++ b/tests/visual/position/position.html @@ -5,7 +5,7 @@ <title>Position 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" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> diff --git a/tests/visual/position/position_fit.html b/tests/visual/position/position_fit.html new file mode 100644 index 000000000..73a683dce --- /dev/null +++ b/tests/visual/position/position_fit.html @@ -0,0 +1,148 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Position Visual Test: Fit</title> + <link rel="stylesheet" href="../visual.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.menu.js"></script> + <script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script> + <script type="text/javascript"> + $(function() { + var inputs = $("input"); + $("ul").insertAfter(inputs); + inputs.each(function(index) { + $(this).position({ + my: this.id.replace(/-/, " "), + at: this.id.replace(/-/, " "), + of: "#container"+index, + collision: "none" + }); + if(index < 3) { + $(this).next().menu().position({ + my: "left top", + at: "left bottom", + of: this, + within: "#container"+index, + collision: "fit" + }); + } + if(index >= 3 && index < 6) { + $(this).next().menu().position({ + my: "right top", + at: "right bottom", + of: this, + within: "#container"+index, + collision: "fit" + }); + } + if(index >= 6 && index < 9) { + $(this).next().menu().position({ + my: "center top", + at: "center bottom", + of: this, + within: "#container"+index, + collision: "fit" + }); + } + if(index >= 9 && index < 12) { + $(this).next().menu().position({ + my: "left top", + at: "left bottom", + of: this, + within: "#container"+index, + collision: "fit" + }); + } + if(index >= 12 && index < 15) { + $(this).next().menu().position({ + my: "center center", + at: "center center", + of: this, + within: "#container"+index, + collision: "fit" + }); + } + if(index >= 15) { + $(this).next().menu().position({ + my: "left bottom", + at: "left top", + of: this, + within: "#container"+index, + collision: "fit" + }); + } + }); + }); + </script> + <style> + input, .ui-menu { position: absolute; } + .ui-menu { width: 300px; } + #ui-menu-9, #ui-menu-10, #ui-menu-11, #ui-menu-12, #ui-menu-13, #ui-menu-14, #ui-menu-15, #ui-menu-16, #ui-menu-17 { width: auto; } + html, body { width: 99%; height: 99%; min-height:700px; min-width:700px; } + .container { width: 200px; height: 200px; border: 1px solid black; display:inline-block; margin-left: 230px; margin-top: 15px; margin-bottom: 135px; } + .container2 { width: 200px; height: 100px; border: 1px solid black; display:inline-block; margin-left: 230px; margin-top: 15px; margin-bottom: 135px; } + </style> +</head> +<body> + +<div id="container0" class="container"></div> +<div id="container1" class="container"></div> +<div id="container2" class="container"></div> +<div style="clear:both;"></div> +<div id="container3" class="container"></div> +<div id="container4" class="container"></div> +<div id="container5" class="container"></div> +<div style="clear:both;"></div> +<div id="container6" class="container"></div> +<div id="container7" class="container"></div> +<div id="container8" class="container"></div> +<div style="clear:both;"></div> +<div id="container9" class="container2"></div> +<div id="container10" class="container2"></div> +<div id="container11" class="container2"></div> +<div style="clear:both;"></div> +<div id="container12" class="container2"></div> +<div id="container13" class="container2"></div> +<div id="container14" class="container2"></div> +<div style="clear:both;"></div> +<div id="container15" class="container2"></div> +<div id="container16" class="container2"></div> +<div id="container17" class="container2"></div> + +<input id="left-top" /> +<input id="center-top" /> +<input id="right-top" /> +<input id="left-top" /> +<input id="center-top" /> +<input id="right-top" /> +<input id="left-top" /> +<input id="center-top" /> +<input id="right-top" /> + +<input id="left-top" /> +<input id="center-center" /> +<input id="right-bottom" /> +<input id="left-top" /> +<input id="center-center" /> +<input id="right-bottom" /> +<input id="left-top" /> +<input id="center-center" /> +<input id="right-bottom" /> + +<ul> + <li><a href="#">Java</a></li> + <li><a href="#">JavaScript</a></li> + <li><a href="#">Perl</a></li> + <li><a href="#">Ruby</a></li> + <li><a href="#">C++</a></li> + <li><a href="#">Python</a></li> + <li><a href="#">C#</a></li> +</ul> + +</body> +</html> diff --git a/tests/visual/position/position_flip.html b/tests/visual/position/position_flip.html new file mode 100644 index 000000000..766576fde --- /dev/null +++ b/tests/visual/position/position_flip.html @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Position Visual Test: Flip</title> + <link rel="stylesheet" href="../visual.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.menu.js"></script> + <script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script> + <script type="text/javascript"> + $(function() { + var inputs = $("input"); + $("ul").insertAfter(inputs); + inputs.each(function(index) { + $(this).position({ + my: this.id.replace(/-/, " "), + at: this.id.replace(/-/, " "), + of: "#container"+index, + collision: "none" + }); + $(this).next().menu().position({ + my: "left top", + at: "left bottom", + of: this, + within: "#container"+index + }); + }); + }); + </script> + <style> + input, .ui-menu { position: absolute; } + .ui-menu { width: 300px; } + #ui-menu-6, #ui-menu-7, #ui-menu-8 { width: auto; } + html, body { width: 99%; height: 99%; min-height:700px; min-width:700px; } + .container { width: 200px; height: 200px; border: 1px solid black; display:inline-block; margin-left: 230px; margin-top: 150px; } + </style> +</head> +<body> + +<div id="container0" class="container"></div> +<div id="container1" class="container"></div> +<div id="container2" class="container"></div><br> +<div style="clear:both;"></div> +<div id="container3" class="container" style="width:300px;"></div> +<div id="container4" class="container" style="width:300px;"></div> +<div id="container5" class="container" style="width:300px;"></div> +<div style="clear:both;"></div> +<div id="container6" class="container" style="height:100px; margin-bottom: 500px;"></div> +<div id="container7" class="container" style="height:100px; margin-bottom: 500px;"></div> +<div id="container8" class="container" style="height:100px; margin-bottom: 500px;"></div> + +<input id="left-top" /> +<input id="center-top" /> +<input id="right-top" /> +<input id="left-center" /> +<input id="center-center" /> +<input id="right-center" /> +<input id="left-bottom" /> +<input id="center-center" /> +<input id="right-bottom" /> + +<ul> + <li><a href="#">Java</a></li> + <li><a href="#">JavaScript</a></li> + <li><a href="#">Perl</a></li> + <li><a href="#">Ruby</a></li> + <li><a href="#">C++</a></li> + <li><a href="#">Python</a></li> + <li><a href="#">C#</a></li> +</ul> + +</body> +</html> diff --git a/tests/visual/position/position_flipfit.html b/tests/visual/position/position_flipfit.html new file mode 100644 index 000000000..edb1adecf --- /dev/null +++ b/tests/visual/position/position_flipfit.html @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Position Visual Test: FlipFit</title> + <link rel="stylesheet" href="../visual.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.menu.js"></script> + <script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script> + <script type="text/javascript"> + $(function() { + var inputs = $("input"); + $("ul").insertAfter(inputs); + inputs.each(function(index) { + $(this).position({ + my: this.id.replace(/-/, " "), + at: this.id.replace(/-/, " "), + of: "#container"+index, + collision: "none" + }); + $(this).next().menu().position({ + my: index > 2 && index < 6 ? "right top" : "left top", + at: index > 2 && index < 6 ? "right bottom" : "left bottom", + of: this, + within: "#container"+index, + collision: "flipfit" + }); + }); + }); + </script> + <style> + input, .ui-menu { position: absolute; } + .ui-menu { width: 300px; } + #ui-menu-3, #ui-menu-4, #ui-menu-5 { width: 185px; } + #ui-menu-9, #ui-menu-10, #ui-menu-11 { width: auto; } + html, body { width: 99%; height: 99%; min-height:700px; min-width:700px; } + .container { width: 200px; height: 200px; border: 1px solid black; display:inline-block; margin-left: 230px; margin-top: 150px; } + </style> +</head> +<body> + +<div id="container0" class="container"></div> +<div id="container1" class="container"></div> +<div id="container2" class="container"></div><br> +<div style="clear:both;"></div> +<div id="container3" class="container"></div> +<div id="container4" class="container"></div> +<div id="container5" class="container"></div><br> +<div style="clear:both;"></div> +<div id="container6" class="container" style="width:300px;"></div> +<div id="container7" class="container" style="width:300px;"></div> +<div id="container8" class="container" style="width:300px;"></div> +<div style="clear:both;"></div> +<div id="container9" class="container" style="height:100px; margin-bottom: 500px;"></div> +<div id="container10" class="container" style="height:100px; margin-bottom: 500px;"></div> +<div id="container11" class="container" style="height:100px; margin-bottom: 500px;"></div> + +<input id="left-top" /> +<input id="center-top" /> +<input id="right-top" /> +<input id="left-top" /> +<input id="center-top" /> +<input id="right-top" /> +<input id="left-center" /> +<input id="center-center" /> +<input id="right-center" /> +<input id="left-bottom" /> +<input id="center-center" /> +<input id="right-bottom" /> + +<ul> + <li><a href="#">Java</a></li> + <li><a href="#">JavaScript</a></li> + <li><a href="#">Perl</a></li> + <li><a href="#">Ruby</a></li> + <li><a href="#">C++</a></li> + <li><a href="#">Python</a></li> + <li><a href="#">C#</a></li> +</ul> + +</body> +</html> diff --git a/tests/visual/position/position_margin.html b/tests/visual/position/position_margin.html index f47c87a5b..1e6608d91 100644 --- a/tests/visual/position/position_margin.html +++ b/tests/visual/position/position_margin.html @@ -5,7 +5,7 @@ <title>Position 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" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.6.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> diff --git a/tests/visual/position/position_within.html b/tests/visual/position/position_within.html index df8d637ea..f348c5e8d 100644 --- a/tests/visual/position/position_within.html +++ b/tests/visual/position/position_within.html @@ -7,7 +7,7 @@ <link rel="stylesheet" href="../visual.css" type="text/css" /> <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" /> - <script src="../../../jquery-1.6.2.js"></script> + <script src="../../../jquery-1.7.js"></script> <script src="../../../ui/jquery.ui.core.js"></script> <script src="../../../ui/jquery.ui.widget.js"></script> <script src="../../../ui/jquery.ui.mouse.js"></script> diff --git a/tests/visual/resizable/images/test.png b/tests/visual/resizable/images/test.png Binary files differdeleted file mode 100644 index 61242c62b..000000000 --- a/tests/visual/resizable/images/test.png +++ /dev/null diff --git a/tests/visual/resizable/resizable.html b/tests/visual/resizable/resizable.html deleted file mode 100644 index eaf6b5726..000000000 --- a/tests/visual/resizable/resizable.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_option_alsoResize_child.html b/tests/visual/resizable/resizable_option_alsoResize_child.html deleted file mode 100644 index f9fd9e9a8..000000000 --- a/tests/visual/resizable/resizable_option_alsoResize_child.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_option_aspectRatio_0.5.html b/tests/visual/resizable/resizable_option_aspectRatio_0.5.html deleted file mode 100644 index 5326a635f..000000000 --- a/tests/visual/resizable/resizable_option_aspectRatio_0.5.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_option_aspectRatio_1.0.html b/tests/visual/resizable/resizable_option_aspectRatio_1.0.html deleted file mode 100644 index eee396f47..000000000 --- a/tests/visual/resizable/resizable_option_aspectRatio_1.0.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_option_aspectRatio_1.5.html b/tests/visual/resizable/resizable_option_aspectRatio_1.5.html deleted file mode 100644 index 6a3067292..000000000 --- a/tests/visual/resizable/resizable_option_aspectRatio_1.5.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxHeight_150.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxHeight_150.html deleted file mode 100644 index 72f653c96..000000000 --- a/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxHeight_150.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html deleted file mode 100644 index 241a6c9c1..000000000 --- a/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_minHeight_50.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_minHeight_50.html deleted file mode 100644 index eea988e0d..000000000 --- a/tests/visual/resizable/resizable_option_aspectRatio_preserve_minHeight_50.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_minWidth_50.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_minWidth_50.html deleted file mode 100644 index c8509d355..000000000 --- a/tests/visual/resizable/resizable_option_aspectRatio_preserve_minWidth_50.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh100.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh100.html deleted file mode 100644 index c1c20e123..000000000 --- a/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh100.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html deleted file mode 100644 index d45e27492..000000000 --- a/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_w50xh100.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_w50xh100.html deleted file mode 100644 index 4d8e5da15..000000000 --- a/tests/visual/resizable/resizable_option_aspectRatio_preserve_w50xh100.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_ticket_3053.html b/tests/visual/resizable/resizable_ticket_3053.html deleted file mode 100644 index 0178bb935..000000000 --- a/tests/visual/resizable/resizable_ticket_3053.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_ticket_4199.html b/tests/visual/resizable/resizable_ticket_4199.html deleted file mode 100644 index c7929063a..000000000 --- a/tests/visual/resizable/resizable_ticket_4199.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_ticket_4217.html b/tests/visual/resizable/resizable_ticket_4217.html deleted file mode 100644 index f3cece133..000000000 --- a/tests/visual/resizable/resizable_ticket_4217.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_ticket_4940.html b/tests/visual/resizable/resizable_ticket_4940.html deleted file mode 100644 index 52b33028d..000000000 --- a/tests/visual/resizable/resizable_ticket_4940.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/resizable/resizable_ticket_5335.html b/tests/visual/resizable/resizable_ticket_5335.html deleted file mode 100644 index 6927d88a4..000000000 --- a/tests/visual/resizable/resizable_ticket_5335.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/selectable/selectable.html b/tests/visual/selectable/selectable.html deleted file mode 100644 index 6fb1eae29..000000000 --- a/tests/visual/selectable/selectable.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/selectable/selectable_ticket_4341.html b/tests/visual/selectable/selectable_ticket_4341.html deleted file mode 100644 index dbd9643ab..000000000 --- a/tests/visual/selectable/selectable_ticket_4341.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/sortable/sortable.html b/tests/visual/sortable/sortable.html deleted file mode 100644 index bc62a16cd..000000000 --- a/tests/visual/sortable/sortable.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/sortable/sortable_massive_scale.html b/tests/visual/sortable/sortable_massive_scale.html deleted file mode 100644 index 70f003c9b..000000000 --- a/tests/visual/sortable/sortable_massive_scale.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/sortable/sortable_option_revert_false.html b/tests/visual/sortable/sortable_option_revert_false.html deleted file mode 100644 index 87d029fd8..000000000 --- a/tests/visual/sortable/sortable_option_revert_false.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/sortable/sortable_option_revert_true.html b/tests/visual/sortable/sortable_option_revert_true.html deleted file mode 100644 index b7f44a6f8..000000000 --- a/tests/visual/sortable/sortable_option_revert_true.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/sortable/sortable_ticket_4231.html b/tests/visual/sortable/sortable_ticket_4231.html deleted file mode 100644 index 74cded7f0..000000000 --- a/tests/visual/sortable/sortable_ticket_4231.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/sortable/sortable_ticket_5355.html b/tests/visual/sortable/sortable_ticket_5355.html deleted file mode 100644 index f5058a4c0..000000000 --- a/tests/visual/sortable/sortable_ticket_5355.html +++ /dev/null @@ -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.2.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.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> diff --git a/tests/visual/theme.html b/tests/visual/theme.html index c8508b69b..d10f2444f 100644 --- a/tests/visual/theme.html +++ b/tests/visual/theme.html @@ -4,7 +4,7 @@ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>jQuery UI Example Page</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css" type="text/css"> - <script type="text/javascript" src="../../jquery-1.6.2.js"></script> + <script type="text/javascript" src="../../jquery-1.7.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> diff --git a/tests/visual/tooltip/animations.html b/tests/visual/tooltip/animations.html index 3465c8018..b1ffc8914 100644 --- a/tests/visual/tooltip/animations.html +++ b/tests/visual/tooltip/animations.html @@ -4,7 +4,7 @@ <title>Tooltip 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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> diff --git a/tests/visual/tooltip/callout.html b/tests/visual/tooltip/callout.html index 3fe51a6d0..3a498b2a6 100644 --- a/tests/visual/tooltip/callout.html +++ b/tests/visual/tooltip/callout.html @@ -4,7 +4,7 @@ <title>Tooltip 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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> diff --git a/tests/visual/tooltip/tooltip.html b/tests/visual/tooltip/tooltip.html index ab6f412f3..5eb1ab0a7 100644 --- a/tests/visual/tooltip/tooltip.html +++ b/tests/visual/tooltip/tooltip.html @@ -4,7 +4,7 @@ <title>Tooltip 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.2.js"></script> + <script type="text/javascript" src="../../../jquery-1.7.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> |
