Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Движение <div> в JavaScript

Предыдущая тема Следующая тема Перейти вниз

Движение <div> в JavaScript

Сообщение автор Kiselboom в Сб 23 Фев - 12:32

Здравствуйте! Вопрос к знатокам JavaScript. Пытаюсь сделать интерактивную карту. Есть изображение(карта). Нужно чтобы <div> двигался по определённому месту на карте. И тут два(а может и больше) вариантов:
1) <div> двигается в пределах координат <area>;
2) <div> начинает движение в определённой координате(пусть будет x=150, y=70) описывает, к примеру, квадрат, возвращается в исходную точку и двигается дальше зациклено.

Все учебники по JavaScript перечитал, никак не могу разобраться, подскажите пожалуйста!
Что-то в этом роде должно получится:
function move1 {
тут код, див с id=1 двигается в определённых координатах
}
avatar
Kiselboom
 

Мужчина

Сообщения : 234
Возраст : 24
Регистрация : 2011-01-25
Благодарности : 74

Без предупреждений

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Sunnyta в Вс 24 Фев - 16:39

как вариант (если не хотите использовать флеш)
сделайте гиф-картинку :85:
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Kiselboom в Вс 24 Фев - 17:12

24 Вы знаете, что такое <div>, <area>, <table> и т.д.?
avatar
Kiselboom
 

Мужчина

Сообщения : 234
Возраст : 24
Регистрация : 2011-01-25
Благодарности : 74

Без предупреждений

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Sunnyta в Вс 24 Фев - 17:17

поводи ТУТ по красивой карте... тоже были мысли про активные движения... но давно умерли )))
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Kiselboom в Вс 24 Фев - 17:29

То, что вы скинули, делается очень просто, никаких скриптов не нужно.
avatar
Kiselboom
 

Мужчина

Сообщения : 234
Возраст : 24
Регистрация : 2011-01-25
Благодарности : 74

Без предупреждений

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Sunnyta в Вс 24 Фев - 17:52

так да! Так же просто можно нарисовать гиф-изображение с движением по квадрату и вставить в любое место на карте. scratch
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Kiselboom в Вс 24 Фев - 18:05

Вы не понимаете, что требуется) Никакое изображение тут не подойдёт, двигаться должен именно div)
avatar
Kiselboom
 

Мужчина

Сообщения : 234
Возраст : 24
Регистрация : 2011-01-25
Благодарности : 74

Без предупреждений

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Sunnyta в Вс 24 Фев - 18:12

хоть бы пример показали wink
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Kiselboom в Вс 24 Фев - 18:18

Нету примера. Может и есть, но я понятия не имею где он. Да и зачем он, вроде понятно объяснено.
avatar
Kiselboom
 

Мужчина

Сообщения : 234
Возраст : 24
Регистрация : 2011-01-25
Благодарности : 74

Без предупреждений

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Kiselboom в Вс 24 Фев - 22:39

Up
avatar
Kiselboom
 

Мужчина

Сообщения : 234
Возраст : 24
Регистрация : 2011-01-25
Благодарности : 74

Без предупреждений

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Домовой в Вс 24 Фев - 23:21

Не надо апать так часто.
Здесь нет скриптёров так что можете не апать
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3232

Без предупреждений

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Kiselboom в Пн 25 Фев - 0:00

оке, чё ругаться то...
avatar
Kiselboom
 

Мужчина

Сообщения : 234
Возраст : 24
Регистрация : 2011-01-25
Благодарности : 74

Без предупреждений

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Sunnyta в Ср 6 Мар - 19:41

Я нашла пример того, что хотел автор той темы. Это здесь - http://www.moresol.ru/catalog/?sect_id=afe416ed - движение воздушного шара и это не во флеше.
Кто может вытащить код этого объекта?
*было бы очень полезно
**спасибо girl_yes
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Sunnyta в Сб 9 Мар - 17:09

Не умею вытаскивать скрипты, но вижу, что есть -
Код:
<script type="text/javascript" src="/js/shar.js"></script>
Что смогла вытащить:
html
Код:
<div class="shar" style="left: 5.96387px; top: -2.67045px;"></div>

css
Код:
.shar {
    background: url("/img/shar.png") no-repeat scroll 0 0 transparent;
    height: 87px;
    margin: 50px 0 0 400px;
    position: absolute;
    width: 65px;
}
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Kiselboom в Сб 9 Мар - 17:42

Ой... Спасибо, Sunnyta, что всё ещё пытаетесь помочь, только я давно уже решил проблему. Извиняюсь, что не отписался...
13
avatar
Kiselboom
 

Мужчина

Сообщения : 234
Возраст : 24
Регистрация : 2011-01-25
Благодарности : 74

Без предупреждений

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Sunnyta в Сб 9 Мар - 18:33

Напишите, как вы делали?
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Sunnyta в Пт 15 Мар - 19:12

Kiselboom, вы бы могли поделиться находкой? Если - нет, то так и ответьте scratch
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Движение <div> в JavaScript

Сообщение автор Kiselboom в Пт 15 Мар - 19:41

Делал примерно как в вашем примере. То есть задаю начальное положение с помощью css, а потом изменяю css div'a с помощью javascript.
Подробнее расписывать не буду, т.к. код практически совпадает с вашим примером.
avatar
Kiselboom
 

Мужчина

Сообщения : 234
Возраст : 24
Регистрация : 2011-01-25
Благодарности : 74

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения