jquery / jquery-ui

Source
Commits
Network (99)
Graphs
Tree: 956f48a

The official jQuery user interface library. — Read more

This URL has Read+Write access

Draggable, Resizable: ticket: #5335 - visual test

reduced test to the relevant parts, also fix things pointed out by
rdworth

Carl Fürstenberg (author)

Sat May 22 13:51:54 -0700 2010

rdworth (committer)

Sat May 22 19:22:42 -0700 2010

commit 956f48adf8a90c9cf0dc
tree c3090097c76bf8cd5172
parent 5d95633bed020cef9e53

tests/visual/resizable/resizable_ticket_5335.html

104 ••••

tests/visual/resizable/resizable_ticket_5335.html

View file @ 956f48a

@@ -1,62 +1,52 @@
 <!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.4.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 });            
-        $('#target').droppable({ accept: '.item', drop: function() { alert('dropped!'); }});            
-        $('.item').resizable({ maxWidth: 500, minHeight: 150, minWidth: 170, maxHeight: 400,handles: 'n,s' });
-    });
-  </script>
-      <style type="text/css">
-          #main { width: 900px; height: 500px; }        
-          #main #sidebar { float: left; width: 200px; height: 100%; background-color: #88f; }
-          #main #sidebar #target { width: 180px; height: 400px; background-color: #f88; margin: 10px; }
-          #main #container { float: left; width: 600px; height: 500px; overflow: scroll;}        
-      div.item {
-        width: 170px; 
-        height: 150px; 
-        margin: 10px;
-        border: 1px solid #aaa;
-      }
-      #sub {
-        height: 2000px;
-      }
-      .i1 { background-color: #acacac; }
-      .i2 { background-color: #bcacac; }
-      .i3 { background-color: #acbcac; }
-      .i4 { background-color: #acacbc; }
-      .i5 { background-color: #bcbcac; }
-      .i6 { background-color: #acbcbc; }
+  <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.4.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>
+    </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>
 
-<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="sidebar"><div id="target">Drop target</div></div>
-      <div id="container">
-        <div id="sub">
-          <table>
-            <tr><td><div class="item i1 to-be-draggable">Drag item 1 - is draggable </div></td></tr>
-            <tr><td><div class="item i2">Drag item 2 - is not draggable</div></td></tr>
-          </table>
-            <div class="item i3 to-be-draggable">Drag item 3 - is draggable - outside table</div>
-            <div class="item i4">Drag item 4 - is not draggable - outside table</div>
-        </div>
-      </div>
-  </div>
-</body>
+    </div>
+  </body>
 </html>

0 notes on commit `956f48a` Show line notes below

Please log in to comment.

...	...	@@ -1,62 +1,52 @@
1	1	<!DOCTYPE html>
2	2	<html lang="en">
3		-<head>
4		- <meta charset="UTF-8" />
5		- <title>Resizable Visual Test : Resizable ticket #4940</title>
6		- <link rel="stylesheet" href="../visual.css" type="text/css" />
7		- <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
8		- <script type="text/javascript" src="../../../jquery-1.4.2.js"></script>
9		- <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
10		- <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
11		- <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
12		- <script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
13		- <script type="text/javascript" src="../../../ui/jquery.ui.droppable.js"></script>
14		- <script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
15		- <script type="text/javascript">
16		- $(function() {
17		- $('.item.to-be-draggable').draggable({ revert: true });
18		- $('#target').droppable({ accept: '.item', drop: function() { alert('dropped!'); }});
19		- $('.item').resizable({ maxWidth: 500, minHeight: 150, minWidth: 170, maxHeight: 400,handles: 'n,s' });
20		- });
21		- </script>
22		- <style type="text/css">
23		- #main { width: 900px; height: 500px; }
24		- #main #sidebar { float: left; width: 200px; height: 100%; background-color: #88f; }
25		- #main #sidebar #target { width: 180px; height: 400px; background-color: #f88; margin: 10px; }
26		- #main #container { float: left; width: 600px; height: 500px; overflow: scroll;}
27		- div.item {
28		- width: 170px;
29		- height: 150px;
30		- margin: 10px;
31		- border: 1px solid #aaa;
32		- }
33		- #sub {
34		- height: 2000px;
35		- }
36		- .i1 { background-color: #acacac; }
37		- .i2 { background-color: #bcacac; }
38		- .i3 { background-color: #acbcac; }
39		- .i4 { background-color: #acacbc; }
40		- .i5 { background-color: #bcbcac; }
41		- .i6 { background-color: #acbcbc; }
	3	+ <head>
	4	+ <meta charset="UTF-8" />
	5	+ <title>Resizable Visual Test : Resizable ticket #5335</title>
	6	+ <link rel="stylesheet" href="../visual.css" type="text/css" />
	7	+ <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
	8	+ <script type="text/javascript" src="../../../jquery-1.4.2.js"></script>
	9	+ <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
	10	+ <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
	11	+ <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
	12	+ <script type="text/javascript" src="../../../ui/jquery.ui.draggable.js"></script>
	13	+ <script type="text/javascript" src="../../../ui/jquery.ui.droppable.js"></script>
	14	+ <script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script>
	15	+ <script type="text/javascript">
	16	+ $(function() {
	17	+ $('.item.to-be-draggable').draggable({ revert: true });
	18	+ $('.item').resizable({ maxWidth: 500, minHeight: 150, minWidth: 170, maxHeight: 400,handles: 'n,s' });
	19	+ }
	20	+ );
	21	+ </script>
	22	+ <style type="text/css">
	23	+ #main {
	24	+ width: 900px;
	25	+ height: 500px;
	26	+ overflow: scroll;
	27	+ }
	28	+ .item {
	29	+ width: 170px;
	30	+ height: 150px;
	31	+ margin: 10px;
	32	+ border: 1px solid #aaa;
	33	+ }
	34	+ #sub {
	35	+ height: 2000px;
	36	+ }
	37	+ .i1 { background-color: #acacac; }
	38	+ .i2 { background-color: #bcacac; }
42	39
43		- </style>
44		-</head>
45		-<body>
	40	+ </style>
	41	+ </head>
	42	+ <body>
	43	+ <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>
	44	+ <div id="main">
	45	+ <div id="sub">
	46	+ <div class="item i1 to-be-draggable">Draggable</div>
	47	+ <div class="item i2">Not draggable</div>
	48	+ </div>
46	49
47		-<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>
48		- <div id="main">
49		- <div id="sidebar"><div id="target">Drop target</div></div>
50		- <div id="container">
51		- <div id="sub">
52		- <table>
53		- <tr><td><div class="item i1 to-be-draggable">Drag item 1 - is draggable </div></td></tr>
54		- <tr><td><div class="item i2">Drag item 2 - is not draggable</div></td></tr>
55		- </table>
56		- <div class="item i3 to-be-draggable">Drag item 3 - is draggable - outside table</div>
57		- <div class="item i4">Drag item 4 - is not draggable - outside table</div>
58		- </div>
59		- </div>
60		- </div>
61		-</body>
	50	+ </div>
	51	+ </body>
62	52	</html>

jquery / jquery-ui

0 notes on commit 956f48a Show line notes below

0 notes on commit `956f48a` Show line notes below