Sie suchten nach: draggable (Englisch - Russisch)

result (draggable but won't do anything):
Результат (элементы могут перетаскиваться, но ничего не делают):

set the draggable=true attribute on the element you want to make moveable.
Сделать объект перетаскиваемым очень легко: для этого используется атрибут draggable=true.

if you want to enable other types of content to be draggable, you'll need to leverage the html5 dnd apis.
Чтобы сделать перетаскиваемыми другие типы содержания, необходимо использовать api перетаскивания html5.

it's worth noting that in most browsers, text selections, img elements, and anchor elements with an href attribute are draggable by default.
Следует отметить, что в большинстве браузеров перетаскивание выделенных фрагментов текста, изображений и элементов привязок с атрибутом href поддерживается по умолчанию.

").addclass("ui-dialog-buttonset").appendto(f);i.uidialog.find(".ui-dialog-buttonpane").remove();typeof g==="object"&&g!==null&&a.each(g, function(){return!(b=true)});if(b){a.each(g,function(l,o){o=a.isfunction(o)?{click:o,text:l}:o;var n=a('').click(function(){o.click.apply(i.element[0],arguments)}).appendto(j);a.each(o,function(k,m){if(k!=="click")k in h?n[k](m):n.attr(k,m)});a.fn.button&&n.button()});f.appendto(i.uidialog)}},_makedraggable:function(){function g(l){return{position:l.position,offset:l.offset}}var i=this,b=i.options,f=a(document),j;i.uidialog.draggable({cancel:".ui-dialog-content, .ui-dialog-titlebar-close", handle:".ui-dialog-titlebar",containment:"document",start:function(l,o){j=b.height==="auto"?"auto":a(this).height();a(this).height(a(this).height()).addclass("ui-dialog-dragging");i._trigger("dragstart",l,g(o))},drag:function(l,o){i._trigger("drag",l,g(o))},stop:function(l,o){b.position=[o.position.left-f.scrollleft(),o.position.top-f.scrolltop()];a(this).removeclass("ui-dialog-dragging").height(j);i._trigger("dragstop",l,g(o));a.ui.dialog.overlay.resize()}})},_makeresizable:function(g){function i(l){return{originalposition:l.originalposition, originalsize:l.originalsize,position:l.position,size:l.size}}g=g===d?this.options.resizable:g;var b=this,f=b.options,j=b.uidialog.css("position");g=typeof g==="string"?g:"n,e,s,w,se,sw,ne,nw";b.uidialog.resizable({cancel:".ui-dialog-content",containment:"document",alsoresize:b.element,maxwidth:f.maxwidth,maxheight:f.maxheight,minwidth:f.minwidth,minheight:b._minheight(),handles:g,start:function(l,o){a(this).addclass("ui-dialog-resizing");b._trigger("resizestart",l,i(o))},resize:function(l,o){b._trigger("resize", l,i(o))},stop:function(l,o){a(this).removeclass("ui-dialog-resizing");f.height=a(this).height();f.width=a(this).width();b._trigger("resizestop",l,i(o));a.ui.dialog.overlay.resize()}}).css("position",j).find(".ui-resizable-se").addclass("ui-icon ui-icon-grip-diagonal-se")},_minheight:function(){var g=this.options;return g.height==="auto"?g.minheight:math.min(g.minheight,g.height)},_position:function(g){var i=[],b=[0,0],f;if(g){if(typeof g==="string"typeof g==="object"&&"0"in g){i=g.split?g.split(" "): [g[0],g[1]];if(i.length===1)i[1]=i[0];a.each(["left","top"],function(j,l){if(+i[j]===i[j]){b[j]=i[j];i[j]=l}});g={my:i.join(" "),at:i.join(" "),offset:b.join(" ")}}g=a.extend({},a.ui.dialog.prototype.options.position,g)}else g=a.ui.dialog.prototype.options.position;(f=this.uidialog.is(":visible"))this.uidialog.show();this.uidialog.css({top:0,left:0}).position(a.extend({of:window},g));fthis.uidialog.hide()},_setoptions:function(g){var i=this,b={},f=false;a.each(g,function(j,l){i._setoption(j,l); if(j in c)f=true;if(j in e)b[j]=l});f&&this._size();this.uidialog.is(":data(resizable)")&&this.uidialog.resizable("option",b)},_setoption:function(g,i){var b=this,f=b.uidialog;switch(g){case "beforeclose":g="beforeclose";break;case "buttons":b._createbuttons(i);break;case "closetext":b.uidialogtitlebarclosetext.text(""+i);break;case "dialogclass":f.removeclass(b.options.dialogclass).addclass("ui-dialog ui-widget ui-widget-content ui-corner-all "+i);break;case "disabled":i?f.addclass("ui-dialog-disabled"): f.removeclass("ui-dialog-disabled");break;case "draggable":var j=f.is(":data(draggable)");j&&!i&&f.draggable("destroy");!j&&i&&b._makedraggable();break;case "position":b._position(i);break;case "resizable":(j=f.is(":data(resizable)"))&&!i&&f.resizable("destroy");j&&typeof i==="string"&&f.resizable("option","handles",i);!j&&i!==false&&b._makeresizable(i);break;case "title":a(".ui-dialog-title",b.uidialogtitlebar).html(""+(i""));break}a.widget.prototype._setoption.apply(b,arguments)},_size:function(){var g= this.options,i,b,f=this.uidialog.is(":visible");this.element.show().css({width:"auto",minheight:0,height:0});if(g.minwidth>g.width)g.width=g.minwidth;i=this.uidialog.css({height:"auto",width:g.width}).height();b=math.max(0,g.minheight-i);if(g.height==="auto")if(a.support.minheight)this.element.css({minheight:b,height:"auto"});else{this.uidialog.show();g=this.element.css("height","auto").height();fthis.uidialog.hide();this.element.height(math.max(g,b))}else this.element.height(math.max(g.height- i,0));this.uidialog.is(":data(resizable)")&&this.uidialog.resizable("option","minheight",this._minheight())}});a.extend(a.ui.dialog,{version:"1.8.16",uuid:0,maxz:0,gettitleid:function(g){g=g.attr("id");if(!g){this.uuid+=1;g=this.uuid}return"ui-dialog-title-"+g},overlay:function(g){this.$el=a.ui.dialog.overlay.create(g)}});a.extend(a.ui.dialog.overlay,{instances:[],oldinstances:[],maxz:0,events:a.map("focus,mousedown,mouseup,keydown,keypress,click".split(","),function(g){return g+".dialog-overlay"}).join(" "), create:function(g){if(this.instances.length===0){settimeout(function(){a.ui.dialog.overlay.instances.length&&a(document).bind(a.ui.dialog.overlay.events,function(b){if(a(b.target).zindex()").addclass("ui-widget-overlay")).appendto(document.body).css({width:this.width(),height:this.height()});a.fn.bgiframe&&i.bgiframe();this.instances.push(i);return i},destroy:function(g){var i=a.inarray(g,this.instances);i!=-1&&this.oldinstances.push(this.instances.splice(i,1)[0]);this.instances.length===0&&a([document,window]).unbind(".dialog-overlay");g.remove();var b=0;a.each(this.instances,function(){b=math.max(b,this.css("z-index"))});this.maxz=b},height:function(){var g,i;if(a.browser.msie&& a.browser.version0?g.top-b:math.max(g.top-i.collisionposition.top,g.top)}},flip:{left:function(g,i){if(i.at[0]!=="center"){var b=a(window);b=i.collisionposition.left+i.collisionwidth-b.width()-b.scrollleft();var f=i.my[0]==="left"?-i.elemwidth:i.my[0]==="right"?i.elemwidth:0,j=i.at[0]==="left"?i.targetwidth:-i.targetwidth,l=-2*i.offset[0];g.left+= i.collisionposition.left0?f+j+l:0}},top:function(g,i){if(i.at[1]!=="center"){var b=a(window);b=i.collisionposition.top+i.collisionheight-b.height()-b.scrolltop();var f=i.my[1]==="top"?-i.elemheight:i.my[1]==="bottom"?i.elemheight:0,j=i.at[1]==="top"?i.targetheight:-i.targetheight,l=-2*i.offset[1];g.top+=i.collisionposition.top0?f+j+l:0}}}};if(!a.offset.setoffset){a.offset.setoffset=function(g,i){if(/static/.test(a.curcss(g,"position")))g.style.position="relative";var b=a(g), f=b.offset(),j=parseint(a.curcss(g,"top",true),10)0,l=parseint(a.curcss(g,"left",true),10)0;f={top:i.top-f.top+j,left:i.left-f.left+l};"using"in i?i.using.call(g,f):b.css(f)};a.fn.offset=function(g){var i=this[0];if(!i!i.ownerdocument)return null;if(g)return this.each(function(){a.offset.setoffset(this,g)});return h.call(this)}}})(jquery); (function(a,d){a.widget("ui.progressbar",{options:{value:0,max:100},min:0,_create:function(){this.element.addclass("ui-progressbar ui-widget ui-widget-content ui-corner-all").attr({role:"progressbar","aria-valuemin":this.min,"aria-valuemax":this.options.max,"aria-valuenow":this._value()});this.valuediv=a("
").addclass("ui-dialog-buttonset").appendto(f);i.uidialog.find(".ui-dialog-buttonpane").remove();typeof g==="object"&&g!==null&&a.each(g, function(){return!(b=true)});if(b){a.each(g,function(l,o){o=a.isfunction(o)?{click:o,text:l}:o;var n=a('').click(function(){o.click.apply(i.element[0],arguments)}).appendto(j);a.each(o,function(k,m){if(k!=="click")k in h?n[k](m):n.attr(k,m)});a.fn.button&&n.button()});f.appendto(i.uidialog)}},_makedraggable:function(){function g(l){return{position:l.position,offset:l.offset}}var i=this,b=i.options,f=a(document),j;i.uidialog.draggable({cancel:".ui-dialog-content, .ui-dialog-titlebar-close", handle:".ui-dialog-titlebar",containment:"document",start:function(l,o){j=b.height==="auto"?"auto":a(this).height();a(this).height(a(this).height()).addclass("ui-dialog-dragging");i._trigger("dragstart",l,g(o))},drag:function(l,o){i._trigger("drag",l,g(o))},stop:function(l,o){b.position=[o.position.left-f.scrollleft(),o.position.top-f.scrolltop()];a(this).removeclass("ui-dialog-dragging").height(j);i._trigger("dragstop",l,g(o));a.ui.dialog.overlay.resize()}})},_makeresizable:function(g){function i(l){return{originalposition:l.originalposition, originalsize:l.originalsize,position:l.position,size:l.size}}g=g===d?this.options.resizable:g;var b=this,f=b.options,j=b.uidialog.css("position");g=typeof g==="string"?g:"n,e,s,w,se,sw,ne,nw";b.uidialog.resizable({cancel:".ui-dialog-content",containment:"document",alsoresize:b.element,maxwidth:f.maxwidth,maxheight:f.maxheight,minwidth:f.minwidth,minheight:b._minheight(),handles:g,start:function(l,o){a(this).addclass("ui-dialog-resizing");b._trigger("resizestart",l,i(o))},resize:function(l,o){b._trigger("resize", l,i(o))},stop:function(l,o){a(this).removeclass("ui-dialog-resizing");f.height=a(this).height();f.width=a(this).width();b._trigger("resizestop",l,i(o));a.ui.dialog.overlay.resize()}}).css("position",j).find(".ui-resizable-se").addclass("ui-icon ui-icon-grip-diagonal-se")},_minheight:function(){var g=this.options;return g.height==="auto"?g.minheight:math.min(g.minheight,g.height)},_position:function(g){var i=[],b=[0,0],f;if(g){if(typeof g==="string"typeof g==="object"&&"0"in g){i=g.split?g.split(" "): [g[0],g[1]];if(i.length===1)i[1]=i[0];a.each(["left","top"],function(j,l){if(+i[j]===i[j]){b[j]=i[j];i[j]=l}});g={my:i.join(" "),at:i.join(" "),offset:b.join(" ")}}g=a.extend({},a.ui.dialog.prototype.options.position,g)}else g=a.ui.dialog.prototype.options.position;(f=this.uidialog.is(":visible"))this.uidialog.show();this.uidialog.css({top:0,left:0}).position(a.extend({of:window},g));fthis.uidialog.hide()},_setoptions:function(g){var i=this,b={},f=false;a.each(g,function(j,l){i._setoption(j,l); if(j in c)f=true;if(j in e)b[j]=l});f&&this._size();this.uidialog.is(":data(resizable)")&&this.uidialog.resizable("option",b)},_setoption:function(g,i){var b=this,f=b.uidialog;switch(g){case "beforeclose":g="beforeclose";break;case "buttons":b._createbuttons(i);break;case "closetext":b.uidialogtitlebarclosetext.text(""+i);break;case "dialogclass":f.removeclass(b.options.dialogclass).addclass("ui-dialog ui-widget ui-widget-content ui-corner-all "+i);break;case "disabled":i?f.addclass("ui-dialog-disabled"): f.removeclass("ui-dialog-disabled");break;case "draggable":var j=f.is(":data(draggable)");j&&!i&&f.draggable("destroy");!j&&i&&b._makedraggable();break;case "position":b._position(i);break;case "resizable":(j=f.is(":data(resizable)"))&&!i&&f.resizable("destroy");j&&typeof i==="string"&&f.resizable("option","handles",i);!j&&i!==false&&b._makeresizable(i);break;case "title":a(".ui-dialog-title",b.uidialogtitlebar).html(""+(i""));break}a.widget.prototype._setoption.apply(b,arguments)},_size:function(){var g= this.options,i,b,f=this.uidialog.is(":visible");this.element.show().css({width:"auto",minheight:0,height:0});if(g.minwidth>g.width)g.width=g.minwidth;i=this.uidialog.css({height:"auto",width:g.width}).height();b=math.max(0,g.minheight-i);if(g.height==="auto")if(a.support.minheight)this.element.css({minheight:b,height:"auto"});else{this.uidialog.show();g=this.element.css("height","auto").height();fthis.uidialog.hide();this.element.height(math.max(g,b))}else this.element.height(math.max(g.height- i,0));this.uidialog.is(":data(resizable)")&&this.uidialog.resizable("option","minheight",this._minheight())}});a.extend(a.ui.dialog,{version:"1.8.16",uuid:0,maxz:0,gettitleid:function(g){g=g.attr("id");if(!g){this.uuid+=1;g=this.uuid}return"ui-dialog-title-"+g},overlay:function(g){this.$el=a.ui.dialog.overlay.create(g)}});a.extend(a.ui.dialog.overlay,{instances:[],oldinstances:[],maxz:0,events:a.map("focus,mousedown,mouseup,keydown,keypress,click".split(","),function(g){return g+".dialog-overlay"}).join(" "), create:function(g){if(this.instances.length===0){settimeout(function(){a.ui.dialog.overlay.instances.length&&a(document).bind(a.ui.dialog.overlay.events,function(b){if(a(b.target).zindex()").addclass("ui-widget-overlay")).appendto(document.body).css({width:this.width(),height:this.height()});a.fn.bgiframe&&i.bgiframe();this.instances.push(i);return i},destroy:function(g){var i=a.inarray(g,this.instances);i!=-1&&this.oldinstances.push(this.instances.splice(i,1)[0]);this.instances.length===0&&a([document,window]).unbind(".dialog-overlay");g.remove();var b=0;a.each(this.instances,function(){b=math.max(b,this.css("z-index"))});this.maxz=b},height:function(){var g,i;if(a.browser.msie&& a.browser.version0?g.top-b:math.max(g.top-i.collisionposition.top,g.top)}},flip:{left:function(g,i){if(i.at[0]!=="center"){var b=a(window);b=i.collisionposition.left+i.collisionwidth-b.width()-b.scrollleft();var f=i.my[0]==="left"?-i.elemwidth:i.my[0]==="right"?i.elemwidth:0,j=i.at[0]==="left"?i.targetwidth:-i.targetwidth,l=-2*i.offset[0];g.left+= i.collisionposition.left0?f+j+l:0}},top:function(g,i){if(i.at[1]!=="center"){var b=a(window);b=i.collisionposition.top+i.collisionheight-b.height()-b.scrolltop();var f=i.my[1]==="top"?-i.elemheight:i.my[1]==="bottom"?i.elemheight:0,j=i.at[1]==="top"?i.targetheight:-i.targetheight,l=-2*i.offset[1];g.top+=i.collisionposition.top0?f+j+l:0}}}};if(!a.offset.setoffset){a.offset.setoffset=function(g,i){if(/static/.test(a.curcss(g,"position")))g.style.position="relative";var b=a(g), f=b.offset(),j=parseint(a.curcss(g,"top",true),10)0,l=parseint(a.curcss(g,"left",true),10)0;f={top:i.top-f.top+j,left:i.left-f.left+l};"using"in i?i.using.call(g,f):b.css(f)};a.fn.offset=function(g){var i=this[0];if(!i!i.ownerdocument)return null;if(g)return this.each(function(){a.offset.setoffset(this,g)});return h.call(this)}}})(jquery); (function(a,d){a.widget("ui.progressbar",{options:{value:0,max:100},min:0,_create:function(){this.element.addclass("ui-progressbar ui-widget ui-widget-content ui-corner-all").attr({role:"progressbar","aria-valuemin":this.min,"aria-valuemax":this.options.max,"aria-valuenow":this._value()});this.valuediv=a("