<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress/2.1.3" -->
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
	<title>Comments on: EasyDrag Update</title>
	<link>http://fromvega.com/wordpress/2007/10/31/easydrag-update/</link>
	<description>Throwing code to the wind</description>
	<pubDate>Sun, 01 Aug 2010 02:05:05 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.1.3</generator>

	<item>
		<title>By: jxva</title>
		<link>http://fromvega.com/wordpress/2007/10/31/easydrag-update/#comment-1237</link>
		<author>jxva</author>
		<pubDate>Mon, 18 May 2009 03:07:33 +0000</pubDate>
		<guid>http://fromvega.com/wordpress/2007/10/31/easydrag-update/#comment-1237</guid>
					<description>$.fn.extend({
        draggable:function(ops,callback) {
			this.css('position','absolute');
            var ops = $.extend({
                }, ops),
                handle=ops.handle ? $(ops.handle, this) : this,
                flag =false,
                _o={left:0,top:0},
                self=this;
             
            function pos(e){
                if (flag) {
                     self.css( {
                         left : e.pageX - _o.left + 'px',
                         top : e.pageY - _o.top + 'px'
                     });
                 }
            }
            handle.bind('mousedown',function(e){
                flag = true;
                var offset = self.offset();
                _o = { left: e.pageX - offset.left, top: e.pageY - offset.top };
                $(document).bind('mousemove',pos);
            }).bind('mouseup',function(e){
                pos(e);
                flag = false;
                $(document).unbind('mousemove');
                if(callback)callback.apply(this,[self]);
            }).css('cursor','move');
            return self;
        }
    })</description>
		<content:encoded><![CDATA[<p>$.fn.extend({<br />
        draggable:function(ops,callback) {<br />
			this.css(&#8217;position&#8217;,'absolute&#8217;);<br />
            var ops = $.extend({<br />
                }, ops),<br />
                handle=ops.handle ? $(ops.handle, this) : this,<br />
                flag =false,<br />
                _o={left:0,top:0},<br />
                self=this;</p>
<p>            function pos(e){<br />
                if (flag) {<br />
                     self.css( {<br />
                         left : e.pageX - _o.left + &#8216;px&#8217;,<br />
                         top : e.pageY - _o.top + &#8216;px&#8217;<br />
                     });<br />
                 }<br />
            }<br />
            handle.bind(&#8217;mousedown&#8217;,function(e){<br />
                flag = true;<br />
                var offset = self.offset();<br />
                _o = { left: e.pageX - offset.left, top: e.pageY - offset.top };<br />
                $(document).bind(&#8217;mousemove&#8217;,pos);<br />
            }).bind(&#8217;mouseup&#8217;,function(e){<br />
                pos(e);<br />
                flag = false;<br />
                $(document).unbind(&#8217;mousemove&#8217;);<br />
                if(callback)callback.apply(this,[self]);<br />
            }).css(&#8217;cursor&#8217;,'move&#8217;);<br />
            return self;<br />
        }<br />
    })</p>
]]></content:encoded>
				</item>
</channel>
</rss>
