Databases
StackOverflow2013
Postsdbo
POHelp me understand this jquery code?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHelp me understand this jquery code?
    primarykey
    data
    text
    <p>Its quite a lot...</p> <pre><code>// DEFINE DEFAULT VARIABLES var _target=null, _dragx=null, _dragy=null, _rotate=null, _resort=null; var _dragging=false, _sizing=false, _animate=false; var _rotating=0, _width=0, _height=0, _left=0, _top=0, _xspeed=0, _yspeed=0; var _zindex=1000; jQuery.fn.touch = function(settings) { // DEFINE DEFAULT TOUCH SETTINGS settings = jQuery.extend({ animate: true, sticky: false, dragx: true, dragy: true, rotate: false, resort: true, scale: false }, settings); // BUILD SETTINGS OBJECT var opts = []; opts = $.extend({}, $.fn.touch.defaults, settings); // ADD METHODS TO OBJECT this.each(function(){ this.opts = opts; this.ontouchstart = touchstart; this.ontouchend = touchend; this.ontouchmove = touchmove; this.ongesturestart = gesturestart; this.ongesturechange = gesturechange; this.ongestureend = gestureend; }); }; function touchstart(e){ _target = this.id; _dragx = this.opts.dragx; _dragy = this.opts.dragy; _resort = this.opts.resort; _animate = this.opts.animate; _xspeed = 0; _yspeed = 0; $(e.changedTouches).each(function(){ var curLeft = ($('#'+_target).css("left") == 'auto') ? this.pageX : parseInt($('#'+_target).css("left")); var curTop = ($('#'+_target).css("top") == 'auto') ? this.pageY : parseInt($('#'+_target).css("top")); if(!_dragging &amp;&amp; !_sizing){ _left = (e.pageX - curLeft); _top = (e.pageY - curTop); _dragging = [_left,_top]; if(_resort){ _zindex = ($('#'+_target).css("z-index") == _zindex) ? _zindex : _zindex+1; $('#'+_target).css({ zIndex: _zindex }); } } }); }; function touchmove(e){ if(_dragging &amp;&amp; !_sizing &amp;&amp; _animate) { var _lastleft = (isNaN(parseInt($('#'+_target).css("left")))) ? 0:parseInt($('#'+_target).css("left")); var _lasttop = (isNaN(parseInt($('#'+_target).css("top")))) ? 0:parseInt($('#'+_target).css("top")); } $(e.changedTouches).each(function(){ e.preventDefault(); _left = (this.pageX-(parseInt($('#'+_target).css("width"))/2)); _top = (this.pageY-(parseInt($('#'+_target).css("height"))/2)); if(_dragging &amp;&amp; !_sizing) { if(_animate){ _xspeed = Math.round((_xspeed + Math.round( _left - _lastleft))/1.5); _yspeed = Math.round((_yspeed + Math.round( _top - _lasttop))/1.5); } if(_dragx || _dragy) $('#'+_target).css({ position: "absolute" }); if(_dragx) $('#'+_target).css({ left: _left+"px" }); if(_dragy) $('#'+_target).css({ top: _top+"px" }); } }); }; function touchend(e){ $(e.changedTouches).each(function(){ if(!e.targetTouches.length){ _dragging = false; if(_animate){ _left = ($('#'+_target).css("left") == 'auto') ? this.pageX : parseInt($('#'+_target).css("left")); _top = ($('#'+_target).css("top") == 'auto') ? this.pageY : parseInt($('#'+_target).css("top")); var animx = (_dragx) ? (_left+_xspeed)+"px" : _left+"px"; var animy = (_dragy) ? (_top+_yspeed)+"px" : _top+"px"; if(_dragx || _dragy) $('#'+_target).animate({ left: animx, top: animy }, "fast"); } } }); setTimeout(changeBack,5000,_target); }; function gesturestart(e){ _sizing = [$('#'+this.id).css("width"), $('#'+this.id).css("height")]; }; function gesturechange(e){ if(_sizing){ _width = (this.opts.scale) ? Math.min(parseInt(_sizing[0])*e.scale, 300) : _sizing[0]; _height = (this.opts.scale) ? Math.min(parseInt(_sizing[1])*e.scale, 300) : _sizing[1]; _rotate = (this.opts.rotate) ? "rotate(" + ((_rotating + e.rotation) % 360) + "deg)" : "0deg"; $('#'+this.id).css({ width: _width+"px", height: _height+"px", webkitTransform: _rotate }); } }; function gestureend(e){ _sizing = false; _rotating = (_rotating + e.rotation) % 360; }; </code></pre> <p>This code is to drag and drop divs. Its working for me, but what I used it for is an element that was set to overlay:hidden; inside a wrapper div. It lets it scroll through the div on the ipad. </p> <p>The only problem is when I pick up the element/div, it picks it up directly in the middle, and not where I clicked. </p> <p>Can anyone help me figure out what part of this code controls that &amp; give me any ideas on how to fix this issue?</p> <p>Thanks so much to whoever tries :)</p> <p>It happens when you move the element, not when you first click it. So im assuming its in the touchmove function.. </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. UScat
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHelp me understand this jquery code?
      1. USkarim79
      1. VTFavorite
    2. VO
      singulars
      1. POHelp me understand this jquery code?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POHelp me understand this jquery code?
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload