Plugin help with IE
Plugin help with IE
I know about jquery just not the plugins, can anyone help me on this.
It works fine in FF but not in IE. Basically its a dragable div which you can drag down from the top of the page and drag back up again when you hold down the mouse if you let go it stops moving untill u click and drag. but in IE on the drag up you have to click to drag then click again to stop it moving, it ur cursor goes in the browser toolbar area it doesnt stop moving it seems to stick when you come back onto the view area untill you click it.
this is the plugin
-
(function($){
$.fn.jqDrag=function(h){return i(this,h,'d');};
$.fn.jqResize=function(h){return i(this,h,'r');};
$.jqDnR={dnr:{},e:0,
drag:function(v){
if(M.k == 'd')E.css({left:M.X+v.pageX-M.pX,top:M.Y+v.pageY-M.pY});
else E.css({/*width:Math.max(v.pageX-M.pX+M.W,0),*/height:Math.max(v.pageY-M.pY+M.H,0)});
return false;},
stop:function(){$().unbind('mousemove',J.drag).unbind('mouseup',J.stop);}
};
var J=$.jqDnR,M=J.dnr,E=J.e,
i=function(e,h,k){return e.each(function(){h=(h)?$(h,e):e;
h.bind('mousedown',{e:e,k:k},function(v){var d=v.data,p={};E=d.e;
// attempt utilization of dimensions plugin to fix IE issues
if(E.css('position') != 'relative'){try{E.position(p);}catch(e){}}
M={X:p.left||f('left')||0,Y:p.top||f('top')||0,W:f('width')||E[0].scrollWidth||0,H:f('height')||E[0].scrollHeight||0,pX:v.pageX,pY:v.pageY,k:d.k,o:E.css('opacity')};
E.css({opacity:1});$().mousemove($.jqDnR.drag).mouseup($.jqDnR.stop);
return false;
});
});},
f=function(k){return parseInt(E.css(k))||false;};
})(jQuery);