Line 44: |
Line 44: |
| }); | | }); |
| | | |
− | jQuery.fn.swap = function(b){ | + | document.ondrag = function (event) { |
− | b = jQuery(b)[0];
| + | jQuery.fn.swap = function(b){ |
− | var a = this[0];
| + | b = jQuery(b)[0]; |
− | var t = a.parentNode.insertBefore(document.createTextNode(''), a);
| + | var a = this[0]; |
− | b.parentNode.insertBefore(a, b);
| + | var t = a.parentNode.insertBefore(document.createTextNode(''), a); |
− | t.parentNode.insertBefore(b, t);
| + | b.parentNode.insertBefore(a, b); |
− | t.parentNode.removeChild(t);
| + | t.parentNode.insertBefore(b, t); |
− | return this; | + | t.parentNode.removeChild(t); |
| + | return this; |
| + | }; |
| + | |
| + | $( "#wagon-configurator li.wagon-slot" ).draggable({helper: "clone"}); |
| + | $( "#wagon-configurator li.wagon-slot" ).droppable({ |
| + | accept: "#wagon-configurator li.wagon-slot", |
| + | activeClass: "ui-state-hover", |
| + | hoverClass: "ui-state-active", |
| + | drop: function(event, ui){ |
| + | var draggable = ui.draggable, droppable = $(this), |
| + | dragPos = draggable.position(), dropPos = droppable.position(); |
| + | draggable.swap(droppable); |
| + | } |
| + | }); |
| }; | | }; |
− |
| |
− | $( "#wagon-configurator li.wagon-slot" ).draggable({helper: "clone"});
| |
− | $( "#wagon-configurator li.wagon-slot" ).droppable({
| |
− | accept: "#wagon-configurator li.wagon-slot",
| |
− | activeClass: "ui-state-hover",
| |
− | hoverClass: "ui-state-active",
| |
− | drop: function(event, ui){
| |
− | var draggable = ui.draggable, droppable = $(this),
| |
− | dragPos = draggable.position(), dropPos = droppable.position();
| |
− | draggable.swap(droppable);
| |
− | }
| |
− | });
| |
| }); | | }); |