Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Навигационная карта / 6 сообщений из 6, страница 1 из 1
14.03.2009, 08:24
    #35868980
Riskk
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Навигационная карта
Есть сайт http://www.airastana.com/, там внизу есть что вроде карты. Мне нужно сделать почти такую же вешь. Оооочень надо.
...
Рейтинг: 0 / 0
14.03.2009, 11:01
    #35869062
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Навигационная карта
Ну ладно, делай ...

Кстати, можно было и в код посмотреть ... Хотя если есть представления о javascript и css, то сам бы сделал. Если нет - тут обычно готовые решения не выдают - делай, а тебе помогут.

Кстати, вот код интересующей тебя части:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
<div id="objectsdiv">
<div id="international_map">
	<a href="/kaz/gb/ayt" id="ic01">Antalya</a>
	<a href="/kaz/gb/svo" id="ic02">Moscow</a>
	<a href="/kaz/gb/ams" id="ic03">Amsterdam</a>
	<a href="/kaz/gb/lhr" id="ic05">London</a>
	<a href="/kaz/gb/fra" id="ic06">Frankfurt</a>
	<a href="/kaz/gb/ist" id="ic07">Istanbul</a>
	<a href="/kaz/gb/pek" id="ic08">Beijing</a>
	<a href="/kaz/gb/bkk" id="ic09">Bangkok</a>
	<a href="/kaz/gb/icn" id="ic10">Seoul</a>
	<a href="/kaz/gb/del" id="ic11">Delhi</a>
	<a href="/kaz/gb/dxb" id="ic12">Dubai</a>

	<a href="/kaz/gb/tse" id="ic13" class="tile">Astana</a>
	<a href="/kaz/gb/guw" id="ic14" class="tile">Atyrau</a>
	<a href="/kaz/gb/ala" id="ic18" class="terramain">Almaty</a>
	<a href="/kaz/gb/urc" id="ic20">Urumqi</a>
	<a href="/kaz/gb/fru" id="ic21">Bishkek</a>


	<!-- Almaty begin -->
	<img src="/i/maplines/o1.gif" id="ir01" alt="" style="display:none;">
	<img src="/i/maplines/o4.gif" id="ir04" alt="" style="display:none;">
	<img src="/i/maplines/o5.gif" id="ir05" alt="" style="display:none;">
	<img src="/i/maplines/o6.gif" id="ir06" alt="" style="display:none;">
	<img src="/i/maplines/o7.gif" id="ir07" alt="" style="display:none;">
	<img src="/i/maplines/o8.gif" id="ir08" alt="" style="display:none;">
	<img src="/i/maplines/o9.gif" id="ir09" alt="" style="display:none;">
	<img src="/i/maplines/o10.gif" id="ir10" alt="" style="display:none;">
	<img src="/i/maplines/o11.gif" id="ir11" alt="" style="display:none;">
	<img src="/i/maplines/o2.gif" id="ir02" alt="" style="display:none;">
	<img src="/i/maplines/o3.gif" id="ir03" alt="" style="display:none;">
	<img src="/i/maplines/o12.gif" id="ir12" alt="" style="display:none;">
	<img src="/i/maplines/o27.gif" id="ir27" alt="" style="display:none;">
	<!-- Astana begin -->
	<img src="/i/maplines/o13.gif" id="ir13" alt="" style="display:none;">
	<img src="/i/maplines/o14.gif" id="ir14" alt="" style="display:none;">
	<img src="/i/maplines/o15.gif" id="ir15" alt="" style="display:none;">
	<img src="/i/maplines/o23.gif" id="ir23" alt="" style="display:none;">
	<img style="display: none;" src="/i/maplines/o25.gif" id="ir25" alt="">	
	<img style="display: none;" src="/i/maplines/o26.gif" id="ir26" alt="">

	<!-- Atyrau begin -->
	<img src="/i/maplines/o16.gif" id="ir16" alt="" style="display:none;">
	<img src="/i/maplines/o17.gif" id="ir17" alt="" style="display:none;">
	<!-- Karaganda begin -->
	<img src="/i/maplines/o18.gif" id="ir18" alt="" style="display:none;">
	<img src="/i/maplines/o19.gif" id="ir19" alt="" style="display:none;">
	<!-- Kostanay begin -->
	<img src="/i/maplines/o20.gif" id="ir20" alt="" style="display:none;">
	<img src="/i/maplines/o21.gif" id="ir21" alt="" style="display:none;">
	<!-- Aktau begin -->
	<img src="/i/maplines/o22.gif" id="ir22" alt="" style="display: none;">
	
</div>

<div id="domestic_map" style="display: none;">
	<!-- Begin Almaty -->
	<img src="/i/maplines/e6.gif" id="dr06" alt="" style="display:none;">
	<img src="/i/maplines/e1.gif" id="dr01" alt="" style="display:none;">
<img src="/i/maplines/e2.gif" id="dr02" alt="" style="display:none;">
	<img src="/i/maplines/e4.gif" id="dr04" alt="" style="display:none;">
	<img src="/i/maplines/e5.gif" id="dr05" alt="" style="display:none;">
	<img src="/i/maplines/e3.gif" id="dr03" alt="" style="display:none;">
	<img src="/i/maplines/e7.gif" id="dr07" alt="" style="display:none;">
	<img src="/i/maplines/e8.gif" id="dr08" alt="" style="display:none;">
	<img src="/i/maplines/e11.gif" id="dr11" alt="" style="display:none;">
	<img src="/i/maplines/e12.gif" id="dr12" alt="" style="display:none;">
	<img src="/i/maplines/e13.gif" id="dr13" alt="" style="display:none;">
	<img src="/i/maplines/e0.gif" id="dr00" alt="" style="display:none;">
	<img src="/i/maplines/e9.gif" id="dr09" alt="" style="display:none;">
	<img src="/i/maplines/e10.gif" id="dr10" alt="" style="display:none;">
	<!-- End Almaty -->
	<!-- Begin Astana -->
	<img src="/i/maplines/e14.gif" id="dr14" alt="" style="display:none;">
	<img src="/i/maplines/e15.gif" id="dr15" alt="" style="display:none;">

	<img src="/i/maplines/e16.gif" id="dr16" alt="" style="display:none;">
	<img src="/i/maplines/e17.gif" id="dr17" alt="" style="display:none;">
	<img src="/i/maplines/e18.gif" id="dr18" alt="" style="display:none;">
	<img src="/i/maplines/e19.gif" id="dr19" alt="" style="display:none;">
<!--	<img src="/i/maplines/e20.gif" id="dr20" alt="" style="display:none;">
-->
	<img src="/i/maplines/e21.gif" id="dr21" alt="" style="display:none;">
	<img src="/i/maplines/e22.gif" id="dr22" alt="" style="display:none;">
	<img src="/i/maplines/e23.gif" id="dr23" alt="" style="display:none;">
	<img src="/i/maplines/e24.gif" id="dr24" alt="" style="display:none;">
	<img src="/i/maplines/e25.gif" id="dr25" alt="" style="display:none;">
	<!-- End Astana -->
	<!-- Begin Atyrau -->
	<img src="/i/maplines/e26.gif" id="dr26" alt="" style="display:none;">
	<img src="/i/maplines/e27.gif" id="dr27" alt="" style="display:none;">
	<!-- End Atyrau -->

	<a href="/kaz/gb/sco" id="dc01">Aktau</a>
	<a href="/kaz/gb/guw" id="dc02">Atyrau</a>
	<a href="/kaz/gb/kzo" id="dc03">Kyzylorda</a>
	<a href="/kaz/gb/akx" id="dc04">Aktobe</a>
	<a href="/kaz/gb/ksn" id="dc05">Kostanay</a>
	<a href="/kaz/gb/ura" id="dc06">Oral</a>
	<a href="/kaz/gb/ppk" id="dc07">Petropavlovsk</a>
<!--	<a href="/kaz/gb/dmb" id="dc08">Taraz</a>
-->
	<a href="/kaz/gb/dzn" id="dc09">Zhezkazgan</a>
	<a href="/kaz/gb/tse" id="dc10">Astana</a>
	<a href="/kaz/gb/kgf" id="dc11">Karaganda</a>
	<a href="/kaz/gb/pwq" id="dc12">Pavlodar</a>
	<a href="/kaz/gb/cit" id="dc13">Shymkent</a>
	<a href="/kaz/gb/ukk" id="dc15">Oskemen</a>
<a href="/kaz/gb/plx" id="dc16">Semey</a>

	<a href="/kaz/gb/ala" id="dc14" class="terramain">Almaty</a>
</div>
</div>
А при вызове определенных городов высвечивают нужные "черточки" - и все дела.
...
Рейтинг: 0 / 0
14.03.2009, 11:06
    #35869067
Riskk
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Навигационная карта
Я в начале как-то ошибочно подумал что все рисуется на js, оказывается все так просто сделано. Теперь наверное придется рисовать линий на js, мне нужна гибкая карта, что бы можно было управлять им через координаты.
...
Рейтинг: 0 / 0
14.03.2009, 14:13
    #35869205
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Навигационная карта
"Рисовать на js" - ошибочное решение ИМХО. Надо или использовать скрытые слои с УЖЕ нарисованными линиями или применить флеш - наиболее подходящее и красивое решение для данного случая, а его размер может занять всего пару килобайт, да и нагромождения элементов и скрипта не будет.
...
Рейтинг: 0 / 0
14.03.2009, 15:56
    #35869293
Riskk
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Навигационная карта
IDVsbruck"Рисовать на js" - ошибочное решение ИМХО. Надо или использовать скрытые слои с УЖЕ нарисованными линиями или применить флеш - наиболее подходящее и красивое решение для данного случая, а его размер может занять всего пару килобайт, да и нагромождения элементов и скрипта не будет.

Проблема в том что нужно что бы карта была динамический изменяемая из админки, то есть указал новые координаты точки и что бы к этой точке шли пути из других точек.
...
Рейтинг: 0 / 0
14.03.2009, 16:14
    #35869304
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Навигационная карта
О! Как раз задача для флешки ... думаю, можно всунуться в 800-1200 байт если без бекграундов.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Навигационная карта / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]