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

Объявление

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

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



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

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

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)

Подпись автора

[script]UserLogin ? "Привет, " + GroupUserTitle.toLowerCase() + " " + UserName + "!" : "Привет, гость! <a href=\"/login.php\" rel=\"nofollow\">Войди</a> или <a href=\"/register.php\" rel=\"nofollow\">зарегистрируйся</a>."[/script]

0

121

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

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

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

0

122

Картинки удалились( Но! Я их воссоздал отсюда:

Эстер Свифт написал(а):

https://sa.uploads.ru/qPfE5.jpg
Что с Лосяшем? Он какой-то очень страшный. Спустя 4 года отвечаю: нашёл какую-то онлайн игруху (shara.ru; кстати, сайт закрылся, и поэтому исчезли картинки), сделать смешарика онлайн.

Вот:
https://i.imgur.com/jXmIugW.png
https://i.imgur.com/wKXUkKy.png

Код:
<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="https://i.imgur.com/jXmIugW.png" width="120px" id="draggable-element" ondragstart="dragImg(event)" draggable="true"/>
        <img src="https://i.imgur.com/wKXUkKy.png" 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>

Отредактировано Еремей (2021-07-18 16:43:50)

Подпись автора

[script]UserLogin ? "Привет, " + GroupUserTitle.toLowerCase() + " " + UserName + "!" : "Привет, гость! <a href=\"/login.php\" rel=\"nofollow\">Войди</a> или <a href=\"/register.php\" rel=\"nofollow\">зарегистрируйся</a>."[/script]

0