github
Advanced Search
  • Home
  • Pricing and Signup
  • Explore GitHub
  • Blog
  • Login

jquery / jquery-ui

  • Admin
  • Watch Unwatch
  • Fork
  • Your Fork
  • Pull Request
  • Download Source
    • 586
    • 99
  • Source
  • Commits
  • Network (99)
  • Graphs
  • Tree: 956f48a

click here to add a description

click here to add a homepage

  • Switch Branches (7)
    • bind
    • devpreview
    • formcontrols
    • master
    • menu
    • panel
    • tooltip
  • Switch Tags (18)
    • 1.9m1
    • 1.8rc3
    • 1.8rc2
    • 1.8rc1
    • 1.8b1
    • 1.8a2
    • 1.8a1
    • 1.8.2
    • 1.8.1
    • 1.8
    • 1.7
    • 1.6rc6
    • 1.6rc5
    • 1.6rc3
    • 1.6rc2
    • 1.6
    • 1.5.2
    • 1.5.1
  • Comments
  • Contributors
Sending Request…

The official jQuery user interface library. — Read more

  Cancel

http://jqueryui.com/

  Cancel
  • HTTP
  • Git Read-Only

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
M tests/visual/resizable/resizable_ticket_5335.html 104 ••••
Txt tests/visual/resizable/resizable_ticket_5335.html
  • View file @ 956f48a
... ...
@@ -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>

0 notes on commit 956f48a

Please log in to comment.
Blog | Support | Training | Contact | API | Status | Twitter | Help | Security
© 2010 GitHub Inc. All rights reserved. | Terms of Service | Privacy Policy
Powered by the Dedicated Servers and
Cloud Computing of Rackspace Hosting®
Dedicated Server