Последние записи
- Как убрать окно «Подтвердите повторную отправку формы»?
- Windows Driver Framework — подпись драйвера
- Функция GetCurrentProcessToken (processthreadsapi.h)
- With … do и вызов функции. Как получить указатель на сам объект?
- TChromium обработка клика
- Delphi 7: замостить TImage маленьким изображением
- Определить, что кнопка зажата сейчас
- ATmega128 — При появлении положительного фронта на входе PD3 запустить таймер-счётчик 0
- Можно вставить в HTML элемент из XML?
- Не получается запустить компьютер, при старте показывает no codec initialized
Интенсив по 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 (Компьютерное железо)