САМЫЙ ЛУЧШИЙ ФОРУМ ДЛЯ ОБЩЕНИЯ ПОДРОСТКОВ, ВЗРОСЛЫХ И ДЕТЕЙ. ФОРУМ ДЛЯ ВСЕХ И КАЖДОГО

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Я спрограмировал ходилку

Сообщений 121 страница 121 из 121

1

Всем привет Меня зовут Еремей А тебя зовут Гость!  :D Мне 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)

0

121

Куско написал(а):

Когда она у вас закончится?

мы тоже до 30 учимся, а везде уже народ отдыхает

0