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