$( ".draggable" ).draggable({
helper: 'clone',
revert: "invalid",
cancel: ".ui-rotatable-handle",
drag: function(){
}
});
$( "#bannercanvas" ).droppable({
accept: ".draggable",
tolerance: "pointer",
drop: function( event, ui ) {
var draggable = ui.draggable;
// вычисляем координаты дропнутого блока
var a=event.type; var b=ui.position.left; var c=ui.position.top;
// вычисляем координаты рабочей области
var p = $("#bannercanvas");
var offset = p.offset();
// получаем координаты дропнутого блока относительно рабочей области
var leftdiv = b-offset.left;
var topdiv = c-offset.top;
// console.log( "left: " + offset.left + ", top: " + offset.top );
console.log((leftdiv.toFixed())+' '+(topdiv.toFixed()));
if (ui.draggable[0].id) {
$(this).append($(ui.helper).clone().draggable());
}
},
out: function(event, ui) {
$(ui.helper).mouseup(function() {
$(ui.draggable).remove();
});
},
activate: function(event, ui) {
},
deactivate: function(event, ui) {
},
over: function(event, ui) {
}
});
// обработчик двойного клика по тексту
$("body").on('dblclick','#bannercanvas .dragtext', function(e){
e.stopPropagation();
var element = this;
$(this).css("max-width",$('#bannercanvas').width());
$(this).html('<textarea class="textopen">'+$(element).html()+'</textarea>').focus();
});
$("body").on('dblclick','#bannercanvas .dragobject', function(event){
console.log('objclick');
//$(this).resizable().rotatable();
$(this).rotatable().draggable().resizable();
})