| |
|
|
| | Здравствуйте! Подскажите, почему не работает технология drag and drop в IE(даже новых версиях - 10.11)? | |
| |
|
|
|
| |
|
|
| |
для: Deed
(25.03.2014 в 23:54)
| | | У меня следующий код .Но он почему-то не работает .В консоле IE написано - Неожиданный вызов метода или обращение к свойству.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Drag and Drop</title>
</head>
<style type="text/css">
img{
width:130px;
height:300px;
}
#cart{
width:500px;
height:auto;
border:1px solid red;
border-radius:10px;
box-shadow:0 0 10px red;
background:lime;
padding:10px 0 20px 10px;
margin-bottom:100px;
}
</style>
<body>
<div id = "cart" ondrop="drop(event)" ondragover="dragOver(event)" >
Ваша корзина:<br>
Итого:0 руб
</div>
<div id = "products">
<img id = "product_1" src="product1.jpg" alt="product_1" data-price = "200" draggable="true" ondragstart="dragStart(event)" />
<img id = "product_2" src="product2.jpg" alt="product_2" data-price = "600" draggable="true" ondragstart="dragStart(event)" />
<img id = "product_3" src = "product3.jpg" alt="product_3" data-price = "70" draggable="true" ondragstart="dragStart(event)" />
</div>
<script type="text/javascript">
function dragStart(event) {
alert(event);
event.dataTransfer.setData("text/plain", event.target.id); // Сохранение элемента
}
function dragOver(event) {
var event = event || window.event;
event.preventDefault(); // Отмена действия браузера по умолчанию
document.getElementById("cart").style.background = "red";
}
function dragEnter(){
var event = event || window.event;
alert(event);
event.preventDefault(); // Отмена действия браузера по умолчанию
}
function drop(event) {
var event = event || window.event;
var img = event.dataTransfer.getData("text/plain"); // Загрузка элемента
var new_img = document.getElementById(img).cloneNode(true);
event.target.appendChild(new_img);
event.cancelBubble = true;
event.preventDefault();
}
</script>
</body>
</html> | |
| |
|
|
| |
|
|
| |
для: olegvasil
(27.03.2014 в 15:11)
| | | М-да... А давайте, напишите, ЧЕГО вы хотите.
Если я правильно понял, то вам нужен скрипт, позволяющий "кидать" фото товара в поле корзины с последующей обработкой данных об этом товаре? Правильно?
Если так, то вот - примерный кроссбраузерный скрипт: http://jsbin.com/sekiq/1/edit?js,output | |
| |
|
|
