diff options
Diffstat (limited to 'demos/position')
| -rw-r--r-- | demos/position/cycler.html | 15 | ||||
| -rw-r--r-- | demos/position/default.html | 9 |
2 files changed, 12 insertions, 12 deletions
diff --git a/demos/position/cycler.html b/demos/position/cycler.html index 20ef6cd39..3fd150662 100644 --- a/demos/position/cycler.html +++ b/demos/position/cycler.html @@ -6,7 +6,6 @@ <script type="text/javascript" src="../../jquery-1.3.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.draggable.js"></script> <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script> <link type="text/css" href="../demos.css" rel="stylesheet" /> @@ -23,7 +22,7 @@ $.fn.position2 = function(options) { return this.position($.extend({ of: window, - by: function(to) { + using: function(to) { $(this).css({ top: to.top, left: to.left @@ -33,27 +32,27 @@ }, options)); } - $.fn.left = function(by) { + $.fn.left = function(using) { return this.position2({ my: "right middle", at: "left middle", offset: "25 0", - by: by + using: using }); } - $.fn.right = function(by) { + $.fn.right = function(using) { return this.position2({ my: "left middle", at: "right middle", offset: "-25 0", - by: by + using: using }); } - $.fn.center = function(by) { + $.fn.center = function(using) { return this.position2({ my: "center middle", at: "center middle", - by: by + using: using }); }; diff --git a/demos/position/default.html b/demos/position/default.html index 098b62b88..94b82ccec 100644 --- a/demos/position/default.html +++ b/demos/position/default.html @@ -6,6 +6,7 @@ <script type="text/javascript" src="../../jquery-1.3.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.position.js"></script> <link type="text/css" href="../demos.css" rel="stylesheet" /> @@ -44,23 +45,23 @@ <script type="text/javascript"> $(function() { - function position(by) { + function position(using) { $('.positionable').position({ of: $('#parent'), my: $('#my_horizontal').val() + ' ' + $('#my_vertical').val(), at: $('#at_horizontal').val() + ' '+ $('#at_vertical').val(), offset: $('#offset').val(), - by: by, + using: using, collision: $("#collision_horizontal").val() + ' ' + $("#collision_vertical").val() }); } $('.positionable').css("opacity", 0.5); - $(':input').bind('click keyup change', position); + $(':input').bind('click keyup change', function() { position(); }); $("#parent").draggable({ - drag: position + drag: function() { position(); } }); $('.positionable').draggable({ |