Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

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

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

Купить рекламу на форуме - 42 тыс руб за месяц

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

<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 пикселей.
Хумус вне форума Ответить с цитированием
Старый 14.05.2019, 23:18   #2
Serge_Bliznykov
Старожил
 
Регистрация: 09.01.2008
Сообщений: 26,238
По умолчанию

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


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


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