diff options
Diffstat (limited to 'tests/visual/draggable.scroll.html')
-rw-r--r-- | tests/visual/draggable.scroll.html | 316 |
1 files changed, 158 insertions, 158 deletions
diff --git a/tests/visual/draggable.scroll.html b/tests/visual/draggable.scroll.html index 90ec32521..08ecfa2f5 100644 --- a/tests/visual/draggable.scroll.html +++ b/tests/visual/draggable.scroll.html @@ -1,158 +1,158 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-<script src="../../jquery-1.2.6.js" type="text/javascript" charset="utf-8"></script>
-<script src="../../ui/ui.core.js" type="text/javascript" charset="utf-8"></script>
-<script src="../../ui/ui.draggable.js" type="text/javascript" charset="utf-8"></script>
-<script src="../../ui/ui.sortable.js" type="text/javascript" charset="utf-8"></script>
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-<title>jQuery UI Draggable Visual Test</title>
-</head>
-
-<body>
-
-<style>
-
- .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 language="JavaScript">
-<!--
- $(function(){
- $(".draggable").draggable({
- //helper: 'clone',
- drag: function(e, ui) {
- //console.log(ui.helper.offset());
- },
- scroll:true
- //containment:"parent"
- });
- });
-//-->
-</script>
-
-
-
-<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>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html> +<head> +<script src="../../jquery-1.2.6.js" type="text/javascript" charset="utf-8"></script> +<script src="../../ui/ui.core.js" type="text/javascript" charset="utf-8"></script> +<script src="../../ui/ui.draggable.js" type="text/javascript" charset="utf-8"></script> +<script src="../../ui/ui.sortable.js" type="text/javascript" charset="utf-8"></script> +<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> +<title>jQuery UI Draggable Visual Test</title> +</head> + +<body> + +<style> + + .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 language="JavaScript"> +<!-- + $(function(){ + $(".draggable").draggable({ + //helper: 'clone', + drag: function(e, ui) { + //console.log(ui.helper.offset()); + }, + scroll:true + //containment:"parent" + }); + }); +//--> +</script> + + + +<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> |