Alıntı
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$ (init);
function init() {
$(".dragzones").draggable({
start: handleDragStart,
cursor: 'move',
revert: "invalid",
});
$(".dropzones").droppable({
drop: handleDropEvent,
tolerance: "touch",
});
validateDropzones();
}
function handleDragStart (event, ui) {
$(this).css('z-index', 9999);
}
function handleDropEvent (event, ui) {
if ($(this).hasClass('occupied')) {
ui.draggable.draggable('option', 'revert', true);
return false;
}
$(this).append(ui.draggable);
ui.draggable.position({of: $(this), my: 'left top', at: 'left top'});
ui.draggable.css('z-index', 0);
var order = init('serialize');
console.log(order);
setTimeout(validateDropzones, 0);
}
function validateDropzones() {
$(".dropzones").each(function(){
if ($(".dragzones", this)[0]) {
$(this).addClass("occupied");
} else {
$(this).removeClass("occupied");
}
});
}
});//]]>
</script>
$(window).load(function(){
$ (init);
function init() {
$(".dragzones").draggable({
start: handleDragStart,
cursor: 'move',
revert: "invalid",
});
$(".dropzones").droppable({
drop: handleDropEvent,
tolerance: "touch",
});
validateDropzones();
}
function handleDragStart (event, ui) {
$(this).css('z-index', 9999);
}
function handleDropEvent (event, ui) {
if ($(this).hasClass('occupied')) {
ui.draggable.draggable('option', 'revert', true);
return false;
}
$(this).append(ui.draggable);
ui.draggable.position({of: $(this), my: 'left top', at: 'left top'});
ui.draggable.css('z-index', 0);
var order = init('serialize');
console.log(order);
setTimeout(validateDropzones, 0);
}
function validateDropzones() {
$(".dropzones").each(function(){
if ($(".dragzones", this)[0]) {
$(this).addClass("occupied");
} else {
$(this).removeClass("occupied");
}
});
}
});//]]>
</script>