Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail


Присылайте нам Донат :), напишите за что прислали )


Ответ
 
Опции темы
Старый 15.05.2019, 00:07   #1
Хумус
Новичок
 
Регистрация: 15.05.2019
Сообщений: 1
Репутация: 10
По умолчанию Изменить пример так,чтобы фигура двигалась в окне,и не выезжала за его границы

<html>
<head><title>Перетаскивание</title></head>
<body onload= "init()">
<h2 align= "center" style="color:#ff00ff">
Перетаскивание квадрата мышкой</h2> <h3>align="center">
Установите курсор внутри красного квадрата, нажмите левую кнопку
мышки и тащите квадрат.<BR> Для освобождения квадрата
от захвата отпустите кнопку мышки</h3>
<P align= right> Примечание. Страница правильно
отображается в браузерах <i>Mozilla Firefox 2.0</i>
и <i>Internet Explorer 6.0 </i> </p>
<DIV id= 'kv' style=
"position:absolute;left:10;top:10;w idth:50;height:50;background-color:red">
</div>
</body>
<SCRIPT>
flag= false; //Связывание событий с функциями
function init()
{ //Если мышка двигается то выполняется ф-ция dragIt
document.all.kv.onmousemove= dragIt
//Если кнопка мышки отпускается, то - ф-ция osvobodi
document.all.kv.onmouseup= osvobodi
document.all.kv.onmousedown=zachvat

}
function dragIt(evt)
{ Параметр evt создаётся самим браузером
sobytie=(evt) ? evt window.event) ?window.event : "";
if(flag)
{ document.all.kv.style.top=sobytie.c lientY-25;
document.all.kv.style.left=sobytie. clientX-25; <
}
}
function osvobodi()
{ flag=false;//устанавливается запрет на перетаскивание
}
function zachvat()
{ flag=true;//Перетаскивание разрешается
}
</SCRIPT>
</html>

Задача 5.2. Измените последний пример так, чтобы красный квадрат можно было перемещать внутри серого квадрата размером 500х500 пикселей.
Хумус вне форума   Ответить с цитированием
Старый 15.05.2019, 00:18   #2
Serge_Bliznykov
МегаМодератор
СуперМодератор
 
Регистрация: 09.01.2008
Сообщений: 25,249
Репутация: 5550
По умолчанию

http://www.programmersforum.ru/showthread.php?t=328749
Serge_Bliznykov вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите перейти от Процедур к Классам (пример подпрограммы рисования линии с x1, y1, x2, y2, цвет, фигура) DrDany Общие вопросы по Java, Java SE, Kotlin 2 16.12.2018 14:34
Как сделать чтобы, строка на панели двигалась? Alina_1333 JavaScript, Ajax 1 27.06.2018 23:27
нарисовать избушку на с++, чтобы у нее крыша двигалась sanay001 Помощь студентам 2 22.12.2016 12:38
Тема:Модуль граф,-нужно чтобы получилась фигура и чтобы она двигалась Gulnaz379 Помощь студентам 6 27.10.2012 17:38
что-то вроде змейки - программа в PascalABC, чтобы змейка из 3-4 звеньев двигалась в точку, указанную мышкой somebody unknown Помощь студентам 5 17.07.2012 15:55


07:16.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru