ХТМЛ карта
|
|
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
| Это всё что есть на странице,сам скрипт вот
|
|
| |
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 А чтобы сделать переход при нажатии, нужно поправить скрипт. Показывать как? Конечно
|
|
| |
YURIY | Дата: Воскресенье, 05 Июля 2009, 20:58 | Сообщение # 10 |
Злостный админ
Группа: Администраторы
Сообщений: 3018
Репутация: 71
Награды: 28
Статус: Offline
| Да, чужой скрипт долго копать... Пока разберёшься в нём... Результат 50-минутной работы Вот дополненный файл - замени его. И при создании элементов карты учитывай новый параметр, который я ввёл: Code ["Послёлок Первомайский", "images/pervo.gif", 1, -2, "ССЫЛКА"]
Вечная память Андрею Сергееву!
|
|
| |
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
| Ага.Всё хорошо.Когда буду добавлять элементы,завтро днём,всё проверю тщательнее.
|
|
| |