
Последние записи
- Передача в функцию произвольного набора чисел (на разных языках программирования)
- Joomla 3.8 — Автоматическая авторизация по IP автоматически созданного временного пользователя с принадлежностью к заданной группе
- Конвертация MOV to MP4
- Автоматическое уничтожение объектов
- Найти среднее значение по данным в ячейке
- Число различных чисел (Microsoft Office Excel)
- Убить процесс
- Конвертер heic в jpg
- Проверка на шестнадцатеричный формат записи
- Отдать пользователю файл с помощью file_get_contents()

Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk

Online-курс Java с оплатой после трудоустройства. Каждый выпускник получает предложение о работе
И зарплату на 30% выше ожидаемой, подробнее на сайте академии, ссылка - ttps://clck.ru/fCrQw
16th
Ноя
Перемещение объекта
Posted by maloy under JavaScript
JavScr
Как сделать, чтобы после выбора объекта (нажатии на картинку), при нажатии на кнопку (в качестве кнопки используется другая картинка) выбранный объект перемещался вправо?
Код:
/////////// картинка в качестве кнопки ///////
var BtnR = document.createElement('div');
BtnR.style.width='100px';
BtnR.style.height='100px';
BtnR.style.backgroundImage = "url('paste.jpg')";
BtnR.style.position = 'absolute';
BtnR.style.top = 5;
BtnR.style.left =120;
document.body.appendChild(BtnR);
////// картинка в качестве объекта ///////
var cat = document.createElement('div');
cat.style.width='50px';
cat.style.height='50px';
cat.style.backgroundImage = "url('moto.png')";
cat.style.position = 'absolute';
cat.style.top = 150;
cat.style.left =120;
document.body.appendChild(cat);
Naive
/////////// картинка в качестве кнопки ///////
var BtnR = document.createElement('div');
BtnR.style.width='100px';
BtnR.style.height='100px';
BtnR.style.backgroundColor = "#f00";
BtnR.style.backgroundImage = "url('paste.jpg')";
BtnR.style.position = 'absolute';
BtnR.style.top = '5px';
BtnR.style.left = '120px';
document.body.appendChild(BtnR);
////// картинка в качестве объекта ///////
var cat = document.createElement('div');
cat.style.width='50px';
cat.style.height='50px';
cat.style.backgroundColor = "#ff0";
cat.style.backgroundImage = "url('moto.png')";
cat.style.position = 'absolute';
cat.style.top = '150px';
cat.style.left = '120px';
document.body.appendChild(cat);
var selected = false;
cat.onclick = function(){
selected = this;
}
BtnR.onclick = function(){
if (!selected) return false;
tmp = parseInt(selected.style.left,10) + 50;
selected.style.left = tmp + 'px';
}
Похожие статьи
Купить рекламу на сайте за 1000 руб
пишите сюда - alarforum@yandex.ru
Да и по любым другим вопросам пишите на почту

пеллетные котлы

Пеллетный котел Emtas

Наши форумы по программированию:
- Форум Web программирование (веб)
- Delphi форумы
- Форумы C (Си)
- Форум .NET Frameworks (точка нет фреймворки)
- Форум Java (джава)
- Форум низкоуровневое программирование
- Форум VBA (вба)
- Форум OpenGL
- Форум DirectX
- Форум CAD проектирование
- Форум по операционным системам
- Форум Software (Софт)
- Форум Hardware (Компьютерное железо)