diff options
Diffstat (limited to 'tests/visual/draggable')
8 files changed, 0 insertions, 346 deletions
diff --git a/tests/visual/draggable/draggable.html b/tests/visual/draggable/draggable.html deleted file mode 100644 index b336847da..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.4.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script> - <script type="text/javascript"> - $(function() { - $("#draggable").draggable(); - }); - </script> -</head> -<body> -<div id="draggable"> - <p> Draggable </p> -</div> -</body> -</html> diff --git a/tests/visual/draggable/draggable.scroll.html b/tests/visual/draggable/draggable.scroll.html deleted file mode 100644 index 6cf3099fe..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.4.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script> - <style type="text/css"> - .draggable { - width:100px; - height:100px; - background-color:green; - color: #fff; - padding: 5px; - margin: 5px; - border: 5px solid red; - } - .container { - width: 500px; - height: 200px; - border: 5px solid black; - padding: 5px; - margin: 5px; - float: left; - background: #fff; - } - .enlarge { - width: 1000px; - height: 1000px; - } - </style> - <script type="text/javascript"> - $(function(){ - $(".draggable").draggable({ - //helper: 'clone', - drag: function(e, ui) { - //console.log(ui.helper.offset()); - }, - scroll:true - //containment:"parent" - }); - }); - </script> -</head> -<body> - -<div class='draggable' style='z-index: 1000;'>Simple draggable</div> -<br clear='both' /> - - -<div class='container' style="overflow:scroll;"> - <div class='draggable'>(Broken in IE)</div> - <div class='enlarge'></div> -</div> - -<div class='container' style="overflow:scroll; position: relative;"> - <div class='draggable'></div> - <div class='enlarge'></div> -</div> - -<div class='container' style="overflow:scroll;"> - <div class='draggable' style='position: absolute;top:0px;left:1000px;'>Absolute</div> - <div class='enlarge'></div> -</div> - -<div class='container' style="overflow:scroll; position: relative;"> - <div class='draggable' style='position: absolute;'>Absolute</div> - <div class='enlarge'></div> -</div> - -<div class='container' style="overflow:scroll;"> - <div class='draggable' style='position: fixed;'>Fixed</div> - <div class='enlarge'></div> -</div> - -<div class='container' style="overflow:scroll; position: relative;"> - <div class='draggable' style='position: fixed;'>Fixed</div> - <div class='enlarge'></div> -</div> - -<!-- Relative draggable with two containers --> - -<div class='container' style="overflow:scroll; position: relative;"> - <div class='container'> - <div class='draggable'>Relative</div> - <div class='enlarge'></div> - </div> - -</div> - -<div class='container' style="overflow:scroll; position: relative;"> - <div class='container' style='position: relative;'> - <div class='draggable'>Relative</div> - <div class='enlarge'></div> - </div> -</div> - -<div class='container' style="position: relative;"> - <div class='container' style='overflow: scroll;'> - <div class='draggable'>Relative (Broken in IE)</div> - <div class='enlarge'></div> - </div> - -</div> - -<div class='container' style="position: relative;"> - <div class='container' style='position: relative; overflow: scroll;'> - <div class='draggable'>Relative</div> - <div class='enlarge'></div> - </div> -</div> - -<!-- Absolute draggable with two containers --> - -<div class='container' style="overflow:scroll; position: relative;"> - <div class='container'> - <div class='draggable' style='position: absolute;'>Absolute</div> - <div class='enlarge'></div> - </div> - -</div> - -<div class='container' style="overflow:scroll; position: relative;"> - <div class='container' style='position: relative;'> - <div class='draggable' style='position: absolute;'>Absolute</div> - <div class='enlarge'></div> - </div> -</div> - -<div class='container' style="position: relative;"> - <div class='container' style='overflow: scroll;'> - <div class='draggable' style='position: absolute;top:0px;left:0px;'>Absolute</div> - <div class='enlarge'></div> - </div> - -</div> - -<div class='container' style="position: relative;"> - <div class='container' style='position: relative; overflow: scroll;'> - <div class='draggable' style='position: absolute;'>Absolute</div> - <div class='enlarge'></div> - </div> -</div> - -</body> -</html> 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 f0ee5b261..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.4.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script> - <script type="text/javascript"> - $(function() { - $("#draggable").draggable({ - containment: [50, 100, 400, 350] - }); - }); - </script> -</head> -<body> -<div id="draggable"> - <p> Draggable </p> -</div> -</body> -</html> 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 6243d9b68..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.4.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script> - <script type="text/javascript"> - $(function() { - $("#draggable").draggable({ - cursorAt: { top: -15, right: 15 } - }); - }); - </script> -</head> -<body> -<div id="draggable"> - <p> Draggable </p> -</div> -</body> -</html> 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 d30c41f37..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.4.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script> - <script type="text/javascript"> - $(function() { - $("#draggable").draggable({ - handle: ".handle" - }); - }); - </script> -</head> -<body> -<div id="draggable"> - <p> Draggable </p> - <p class="handle">Handle</p> - <p>Not handle</p> -</div> -</body> -</html> 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 8f8689bfe..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.4.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script> - <script type="text/javascript"> - $(function() { - $("#draggable").draggable({ - cursorAt: { top: -10, left: -10 }, - iframeFix: false - }); - }); - </script> -</head> -<body> -<div id="draggable"> - <p> Draggable </p> -</div> -<iframe id="iframe1"></iframe> -<iframe id="iframe2"></iframe> -<iframe id="iframe3"></iframe> -</body> -</html> 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 0e485fe3f..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.4.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script> - <script type="text/javascript"> - $(function() { - $("#draggable").draggable({ - cursorAt: { top: -10, left: -10 }, - iframeFix: "#iframe2" - }); - }); - </script> -</head> -<body> -<div id="draggable"> - <p> Draggable </p> -</div> -<iframe id="iframe1"></iframe> -<iframe id="iframe2"></iframe> -<iframe id="iframe3"></iframe> -</body> -</html> 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 a9eb6d8b2..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.4.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script> - <script type="text/javascript"> - $(function() { - $("#draggable").draggable({ - cursorAt: { top: -10, left: -10 }, - iframeFix: true - }); - }); - </script> -</head> -<body> -<div id="draggable"> - <p> Draggable </p> -</div> -<iframe id="iframe1"></iframe> -<iframe id="iframe2"></iframe> -<iframe id="iframe3"></iframe> -</body> -</html> |