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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

Последние темы
» Не корректное отображение картинок
автор Luz Сегодня в 12:40

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

Движение <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
Возраст : 30
Регистрация : 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
Возраст : 30
Регистрация : 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
Возраст : 30
Регистрация : 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
Возраст : 30
Регистрация : 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
Возраст : 30
Регистрация : 2011-01-25
Благодарности : 75

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

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

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

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

Up
Kiselboom
Kiselboom
 

Мужчина

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

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

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

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

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

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

Мужчина

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

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

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

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

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

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

Мужчина

Сообщения : 233
Возраст : 30
Регистрация : 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
Возраст : 30
Регистрация : 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
Возраст : 30
Регистрация : 2011-01-25
Благодарности : 75

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

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

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

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

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