Последние записи

made in programmersforum 1

Интенсив по 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';
}

тема на форуме