Форум
Написать нам
  • Страница 1 из 1
  • 1
ХТМЛ карта
SergДата: Среда, 01 Июля 2009, 19:58 | Сообщение # 1
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Ребят,подскажите,можно ли сделать карту города не прибегая к Флеш ролику.
Мне нужно двигать изображение,и при нажатии на определённый Кружёк переходить на нужную страницу.


 
YURIYДата: Среда, 01 Июля 2009, 20:32 | Сообщение # 2
Злостный админ
Группа: Администраторы
Сообщений: 3018
Репутация: 71
Награды: 28
Статус: Offline
Задолбаешься.


Вечная память Андрею Сергееву!
 
SergДата: Среда, 01 Июля 2009, 20:41 | Сообщение # 3
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Почему

 
YURIYДата: Среда, 01 Июля 2009, 20:42 | Сообщение # 4
Злостный админ
Группа: Администраторы
Сообщений: 3018
Репутация: 71
Награды: 28
Статус: Offline
Сложнее в разы.


Вечная память Андрею Сергееву!
 
SergДата: Воскресенье, 05 Июля 2009, 13:32 | Сообщение # 5
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Помогите тогда любым способом создать карту.Её потом разместят на сайте.Чего лучше почитать или уроки есть у кого?

Добавлено (05 Июль 2009, 13:32)
---------------------------------------------

Code

<html>
  <head>
   <script type="text/javascript" src="lightmapper.js"></script>
   <script type="text/javascript">

    function prepare()
    {
      new Lightmapper("map_of_karta", "image_of_karta", mouse_over, mouse_out,
                      [ ["Послёлок Первомайский",            "images/pervo.gif",             1, -2] ]);
                
    }

    function mouse_over(id)
    {
      document.getElementById("name").innerHTML = id;
    }

    function mouse_out(id)
    {
      document.getElementById("name").innerHTML = "";
    }

   </script>
  </head>

  <body onload="prepare()">

   <table width="100%" height="500px" valign="center"><tr align="center"><td>

    <map id="map_of_karta" name="map_of_karta">

     <area href="#" id="Послёлок Первомайский" shape="polygon" coords="0,34,71,93,69,97,68,127,50,134,29,145,0,168,0,34">
      

    </map>

    <img id="image_of_karta" src="images/karta.gif" usemap="#map_of_karta" border="0" width="350px" height="486px"></img>

   </td></tr></table>

   <p align="center" id="name"></p>

</body></html>

Подскажите,нужно чтобы при нажатии на pervo.gif был переход на нужную страницу,что то не получается у меня.


 
YURIYДата: Воскресенье, 05 Июля 2009, 17:14 | Сообщение # 6
Злостный админ
Группа: Администраторы
Сообщений: 3018
Репутация: 71
Награды: 28
Статус: Offline
Ты дал только часть скрипта. Как тебе можно помочь?


Вечная память Андрею Сергееву!
 
SergДата: Воскресенье, 05 Июля 2009, 17:30 | Сообщение # 7
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Это всё что есть на странице,сам скрипт вот
Прикрепления: lightmapper.js (7.2 Kb)


 
YURIYДата: Воскресенье, 05 Июля 2009, 19:37 | Сообщение # 8
Злостный админ
Группа: Администраторы
Сообщений: 3018
Репутация: 71
Награды: 28
Статус: Offline
Нет, не всё. Картинки где?

Ты уверен, что этот скрипт подходит для создания карты? При наведении на картинку появляется другая картинка... Это так задумано?

А чтобы сделать переход при нажатии, нужно поправить скрипт. Показывать как?



Вечная память Андрею Сергееву!
 
SergДата: Воскресенье, 05 Июля 2009, 20:06 | Сообщение # 9
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Вот как всё выглядит.Это только пробный вариант

Добавлено (05 Июль 2009, 20:05)
---------------------------------------------
При наведении появляется новая картинка,а при клике по этой картинке нужно чтобы был переход

Добавлено (05 Июль 2009, 20:06)
---------------------------------------------

Quote
А чтобы сделать переход при нажатии, нужно поправить скрипт. Показывать как?

Конечно
Прикрепления: 2610802.zip (109.8 Kb)


 
YURIYДата: Воскресенье, 05 Июля 2009, 20:58 | Сообщение # 10
Злостный админ
Группа: Администраторы
Сообщений: 3018
Репутация: 71
Награды: 28
Статус: Offline
Да, чужой скрипт долго копать... Пока разберёшься в нём... Результат 50-минутной работы %)

Вот дополненный файл - замени его.

И при создании элементов карты учитывай новый параметр, который я ввёл:

Code
["Послёлок Первомайский", "images/pervo.gif", 1, -2, "ССЫЛКА"]
Прикрепления: lightmapper.zip (2.0 Kb)



Вечная память Андрею Сергееву!
 
SergДата: Воскресенье, 05 Июля 2009, 21:22 | Сообщение # 11
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Спасибо большое.
А какой новый параметр?Ты про ссылку да?




Сообщение отредактировал Serg - Воскресенье, 05 Июля 2009, 21:23
 
YURIYДата: Воскресенье, 05 Июля 2009, 21:24 | Сообщение # 12
Злостный админ
Группа: Администраторы
Сообщений: 3018
Репутация: 71
Награды: 28
Статус: Offline
Ну конечно.

Разве сложно глянуть на свой файл и строку, которую я дал - сравнить всё это?



Вечная память Андрею Сергееву!
 
SergДата: Воскресенье, 05 Июля 2009, 21:32 | Сообщение # 13
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Конечно нет.Прос думал что ещё что то надо учитывать.Спасибо.

 
YURIYДата: Воскресенье, 05 Июля 2009, 21:33 | Сообщение # 14
Злостный админ
Группа: Администраторы
Сообщений: 3018
Репутация: 71
Награды: 28
Статус: Offline
Всё работает, всё норм? :)


Вечная память Андрею Сергееву!
 
SergДата: Воскресенье, 05 Июля 2009, 21:33 | Сообщение # 15
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Ага.Всё хорошо.Когда буду добавлять элементы,завтро днём,всё проверю тщательнее.

 
  • Страница 1 из 1
  • 1
Поиск: