Меню
Что нового?

Карта региона на JS + html

pitbull

pitbull

Новичок
Карта региона на JS + html

Суть такова. Попросили сделать карту региона, да не простую, а чтоб когда подводишь мышку к точечке на карте - выскакивало краткое описание: открывался небольшой html файлик с описанием- пара строк текста, маленькая картинка, ссылки. Что-то на подобие есть в ЖЖ, когда к аватару подводишь мышку.
Вот собственно и помогите пожалуйста. Как это все сделать, жалательно без AJAX, ибо это все на локальном компухтере будет.

Что сделал я? Я взял карту натыкал на ней точек в фотошопе, чтоб контраснее смотрелись... не у всех же городов инфа будет... вот, теперь пойду тыкать в дремвювере хотспоты для ссылок... без этого имхо не обойтись...

А как дальше делать я собственно и спрашиваю... вотЪ

Для справки... городов порядка 200... поэтому нужно какое-то не замороченное решение...

флеш не предлагать :D
Заранее Всем Вам благодарен, т.к. Вы уже прочитали много букав )
 
Shicoo

Shicoo

Новичок
первый вариант - создать по диву на город и в этих дивах - инфа. Когда курсор находится над определенным регионом - показывать див, который связан с этим городом.

второй - AJAX

третий - iframe - принцип работы как и у дивов, только указывать надо будет для ифрейма урл страницы с инфой о городе

четвертый - использовать фреймы - принцип работы как у iframe
 
pitbull

pitbull

Новичок
2Shicoo а можно первый вариант, только чтобы инфа находилась в отдельных файлах. Или так нельзя... ну я не знаю просто, в каких отношениях JS с xml и внешними файлами.

Блин, а про фреймы я что-то даже и не думал... В принципе отличное решение и простая реализация....

2WDStalker may be something more information? :D
 
WDStalker

WDStalker

Новичок
Есть тег в HTML
пример:

<img src="картинка" width="356" height="134" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="240,25,337,104" href="#"></map>
 
pitbull

pitbull

Новичок
>>>пойду тыкать в дремвювере хотспоты для ссылок
А ты что подумал?

-~{}~ 16.11.06 20:53:

2Shicoo
Подскажите, а как показать див через JS...
 
AmadMike

AmadMike

Новичок
Что значит показать див через JS?
Через JS можно все показать что хочешь. Если ты имеешь ввиду скрыть/показать элемент, то юзай css display="none"/display="block" (или что-то другое вместо block).
Т.е. набиваешь в скрытые дивы всю инфу и потом их отображаешь. Или хранишь все в массиве JS а потом обновляешь контент элемента див.
С разными файлами в данном случае можно только с AJaX (фреймы тоже применительны к этой концепции).
 
Войдите или зарегистрируйтесь для ответа.
Сверху