Есть элементы, которые были перемещены с помощью drag'n drop
. Нужно сделать, чтобы перетаскивался только один элемент, т.е. если перетащить картинку красной шляпы, то при перетаскивании картинки синей шляпы, красная шляпа вернулась.
var drop = $(".drop"),
maxSize = 3000000; //300 Kb
//проверка drag'n drop
if (typeof(window.FileReader) == 'undefined') {
drop.text('Не поддерживается браузером!');
drop.addClass('error');
}
//проверка drag'n drop
drop[0].ondragover = function() {
drop.addClass("hover");
return false;
}
drop[0].ondragleave = function() {
drop.removeClass("hover");
return false;
}
drop[0].ondrop = function(event) {
event.preventDefault();
drop.removeClass('hover');
drop.addClass('ondrop');
var file = event.dataTransfer.files[0];
if (file.size > maxSize) {
drop.text('Файл слишком большой!');
drop.addClass('error');
return false;
} else if (file.type != "image/jpeg") {
alert("only jpeg or jpg !!!");
drop.removeClass("ondrop");
} else {
// $.ajax({
// url: "getImg.php",
// data: file,
// success: function(file){
// imgField.html(file);
// }
// })
}
};
//ЗАГРУЗКА КАРТИНКИ
//ВЫБОР АКСЕССУАРА
// Переменные
var acs = $(".accessories"),
imgField = $("#image"),
plus = $("#plus"),
minus = $("#minus"),
acsW = acs.width(),
acsH = acs.height();
acs.draggable({
zIndex: 100,
revert: function(event) {
$(this).data("uiDraggable").originalPosition = {
top: 0,
left: 0
};
return !event;
}
});
$(".picture").droppable({
drop: alert(acs.length)
});
.picture {
width: 200px;
height: 200px;
border: 2px solid red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="hat" class="grid_12 submenu center">
<img src="images/accessories/HAT_1.png" class="accessories" />
<img src="images/accessories/HAT_2.png" class="accessories" />
<img src="images/accessories/HAT_3.png" class="accessories" />
<img src="images/accessories/HAT_4.png" class="accessories" />
</div>
<div class="picture"></div>
<!-- Что бы ошибка не вылазила :) -->
<noscript class="drop"></noscript>
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
Элементы Folder_s являются папками в которых могут содержаться как другие папки, так и документы из document_s
Я пишу игру на Java с использованием 2D движка Slick2DВ Eclipse IDE проект работает штатно, а при сборке и запуске через File>Export в Runnable JAR File дальше главного...
Подскажите почему не отправляет е-мейлпрограмма запускается и не выдает ексепшены и не заканчивается