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

jquery / jquery-ui

  • Admin
  • Watch Unwatch
  • Fork
  • Your Fork
  • Pull Request
  • Download Source
    • 249
    • 27
  • Source
  • Commits
  • Network (27)
  • Graphs
  • Tree: ff6c15b

click here to add a description

click here to add a homepage

  • Switch Branches (4)
    • bind
    • master
    • panel
    • tooltip
  • Switch Tags (15)
    • 1.8rc3
    • 1.8rc2
    • 1.8rc1
    • 1.8b1
    • 1.8a2
    • 1.8a1
    • 1.8
    • 1.7
    • 1.6rc6
    • 1.6rc5
    • 1.6rc3
    • 1.6rc2
    • 1.6
    • 1.5.2
    • 1.5.1
  • Comments
Sending Request…

The official jQuery user interface library. — Read more

  Cancel

http://jqueryui.com/

  Cancel
  • Private
  • Read-Only
  • HTTP Read-Only

This URL has Read+Write access

Position: Adding visual testcase for #5284 - Position: Smarter collision 
detection
jzaefferer (author)
Sun Mar 21 11:48:30 -0700 2010
commit  ff6c15b83e7bfc99d0180209a395704bd1c5cfd9
tree    5127868195b5473e092bc6eadcade64e7417ec1a
parent  3e1f97d5e5e3c4b22b4fbb8a024d2de02e086dbb
A tests/visual/position/default.html 65 •••••
Txt tests/visual/position/default.html
  • View file @ ff6c15b
... ...
@@ -0,0 +1,65 @@
  1
+<!DOCTYPE html>
  2
+<html lang="en">
  3
+<head>
  4
+  <meta charset="UTF-8" />
  5
+  <title>Autocomplete Visual Test: Default</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" title="ui-theme" />
  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.position.js"></script>
  12
+  <script type="text/javascript" src="../../../ui/jquery.ui.autocomplete.js"></script>
  13
+  <script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
  14
+  <script type="text/javascript">
  15
+  $(function() {
  16
+    var ul = $("ul");
  17
+    $("input").each(function() {
  18
+      $(this).position({
  19
+        my: this.id.replace(/-/, " "),
  20
+        at: this.id.replace(/-/, " "),
  21
+        of: "#container",
  22
+        collision: "none"
  23
+      });
  24
+      ul.clone().insertAfter(this).menu().position({
  25
+        my: "left top",
  26
+        at: "left bottom",
  27
+        of: this
  28
+      });
  29
+    });
  30
+    ul.remove();
  31
+  });
  32
+  </script>
  33
+  <style>
  34
+    input, .ui-menu { position: absolute; }
  35
+    .ui-menu { width: 200px; }
  36
+    html, body { width: 100%; height: 100% }
  37
+    #container { width: 95%; height: 95%; border: 1px solid black; margin: auto; }
  38
+  </style>
  39
+</head>
  40
+<body>
  41
+
  42
+<div id="container"></div>
  43
+
  44
+<input id="left-top" />
  45
+<input id="left-center" />
  46
+<input id="left-bottom" />
  47
+<input id="center-top" />
  48
+<input id="center-center" />
  49
+<input id="center-bottom" />
  50
+<input id="right-top" />
  51
+<input id="right-center" />
  52
+<input id="right-bottom" />
  53
+
  54
+<ul>
  55
+  <li><a href="#">Java</a></li>
  56
+  <li><a href="#">JavaScript</a></li>
  57
+  <li><a href="#">Perl</a></li>
  58
+  <li><a href="#">Ruby</a></li>
  59
+  <li><a href="#">C++</a></li>
  60
+  <li><a href="#">Python</a></li>
  61
+  <li><a href="#">C#</a></li>
  62
+</ul>
  63
+
  64
+</body>
  65
+</html>

0 notes on commit ff6c15b

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