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

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

Движение <div> в JavaScript Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Вчера в 19:52

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор AlexNeimor Ноябрь 26th 2024, 23:23

» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 25th 2024, 10:14

» ВПН
автор Danny_Marcelo Ноябрь 24th 2024, 07:47

» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58

» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46

» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40

» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45

» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43

» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14

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

Участников: 3

Перейти вниз

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

Сообщение автор Kiselboom Февраль 23rd 2013, 12:32

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

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

Мужчина

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

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

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

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

Сообщение автор Sunnyta Февраль 24th 2013, 16:39

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

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

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

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

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

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

Сообщение автор Kiselboom Февраль 24th 2013, 17:12

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

Мужчина

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

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

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

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

Сообщение автор Sunnyta Февраль 24th 2013, 17:17

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

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

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

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

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

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

Сообщение автор Kiselboom Февраль 24th 2013, 17:29

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

Мужчина

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

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

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

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

Сообщение автор Sunnyta Февраль 24th 2013, 17:52

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

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

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

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

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

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

Сообщение автор Kiselboom Февраль 24th 2013, 18:05

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

Мужчина

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

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

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

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

Сообщение автор Sunnyta Февраль 24th 2013, 18:12

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

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

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

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

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

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

Сообщение автор Kiselboom Февраль 24th 2013, 18:18

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

Мужчина

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

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

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

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

Сообщение автор Kiselboom Февраль 24th 2013, 22:39

Up
Kiselboom
Kiselboom
 

Мужчина

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

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

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

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

Сообщение автор Домовой Февраль 24th 2013, 23:21

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

Мужчина

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

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

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

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

Сообщение автор Kiselboom Февраль 25th 2013, 00:00

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

Мужчина

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

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

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

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

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

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

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

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

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

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

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

Сообщение автор Sunnyta Март 9th 2013, 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;
}
Sunnyta
Sunnyta
 

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

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

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

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

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

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

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

Мужчина

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

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

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

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

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

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

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

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

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

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

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

Сообщение автор Sunnyta Март 15th 2013, 19:12

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

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

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

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

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

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

Сообщение автор Kiselboom Март 15th 2013, 19:41

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

Мужчина

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

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

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

Вернуться к началу

- Похожие темы

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