Всем привет Меня зовут Еремей А тебя зовут Гость! 
Мне 7 лет я начинающий програмист...
Я спрограмировал немного ужасную ходилку:
Перейдите сюда:
Редактор
Или откройте блокнот
И впишите данный HTML код:
Код:
<html>
<body>
<style>
#dropel {
width:150px;
height:150px;
border:4px solid #BBCC25;
padding:10px;
}
</style>
<script>
function makeDroppable(e) {
e.preventDefault();
}
function dragImg(e) {
e.dataTransfer.setData("text/plain",e.target.id);
}
function dropImg(e) {
e.preventDefault();
//При извлечении данных Вы должны использовать такой же тип как и при их сохранение
var rdata = e.dataTransfer.getData("text/plain");
//Очистим содержимое перетаскиваемого элемента
e.target.innerHTML="";
//Сделаем перетаскиваемый элемент элементом потомком принимающей области т.е. фактически мы
//переносим его в содержимое принимающего его элемента
e.target.appendChild(document.getElementById(rdata))
}
</script>
<img src="http://sharara.ru/img.php?a=1&a1=0&a2=6&a3=4&a4=4&a5=5&a6=6" width="120px" id="draggable-element" ondragstart="dragImg(event)" draggable="true"/><img src="http://sharara.ru/img.php?a=7&a1=0&a2=6&a3=4&a4=4&a5=5&a6=6" width="120px" id="draggable-element" ondragstart="dragImg(event)" draggable="true"/>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
<div id="dropel" ondrop="dropImg(event)" ondragover="makeDroppable(event)"></div>
</body>
</html>
Если вы вписали в блокнот то сохраните под именем:
index.html
И откройте в браузере!
Отредактировано Еремей (2017-10-24 17:18:49)
- Подпись автора
[script]UserLogin ? "Привет, " + GroupUserTitle.toLowerCase() + " " + UserName + "!" : "Привет, гость! <a href=\"/login.php\" rel=\"nofollow\">Войди</a> или <a href=\"/register.php\" rel=\"nofollow\">зарегистрируйся</a>."[/script]
