Thank you.

If it doesn’t work with FF, IE, or Opera, I don’t see much point in even bothering with the code.

It’s probably because you’re using console.log().

Hope this helps you help the other readers!

// creates the selected variable
// we are going to be storing the selected objects in here
var selected = $([]), offset = {top:0, left:0};
console.log(”This is the value of selected when it is created ” +selected + “”);

// initiate the selectable id to be recognized by UI
$(”#selectable1″).selectable({
filter: ‘div’,
});

// declare draggable UI and what we are going to be doing on start
$(”#selectable1 div”).draggable({
start: function(ev, ui) {
selected = $(”.ui-selected”).each(function() {
var el = $(this);
el.data(”offset”, el.offset());
//$(this).text(”Selected and dragging object(s)”);
});

if( !$(this).hasClass(”ui-selected”)) $(this).addClass(”ui-selected”);
//console.log(”The value of ‘this’ currently is: “+this);
console.log(selected);
offset = $(this).offset();
},
drag: function(ev, ui) {
var dt = ui.position.top – offset.top, dl = ui.position.left – offset.left;
console.log(ui.position.top,offset.top);
//console.log(”The value of dt is “+dt);

// take all the elements that are selected expect $(”this”), which is the element being dragged and loop through each.
selected.not(this).each(function() {
// create the variable for we don’t need to keep calling $(”this”)
// el = current element we are on
// off = what position was this element at when it was selected, before drag
var el = $(this), off = el.data(”offset”);
el.css({top: off.top + dt, left: off.left + dl});
});
}
});

This is how i could get it running.