jquery / jquery-ui

Source
Commits
Network (27)
Graphs
Tree: ff6c15b

The official jQuery user interface library. — Read more

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

tests/visual/position/default.html

65 •••••

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` Show line notes below

Please log in to comment.

jquery / jquery-ui

0 notes on commit ff6c15b Show line notes below

0 notes on commit `ff6c15b` Show line notes below