| 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);
| |
| − | }
| |
| − | });
| |
| | }); | | }); |