Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Подсветка объектов на карте

Сообщения:  [1-7] 

 
 автор: Stealth   (17.12.2007 в 21:54)   письмо автору
 
   для: sim5   (17.12.2007 в 19:00)
 

Отлично! Прикрутил select, теперь всё как надо :)
Огромное Спасибо!!!

   
 
 автор: sim5   (17.12.2007 в 19:00)   письмо автору
 
   для: Stealth   (17.12.2007 в 18:39)
 

<option x=10 y=30> и <option x=50 y=20> - это шедевр! :) Нет такого у опшенов, есть атрибут value, где вы можете задать: value="10,30", например, а в функции разделить эти значения. Если передаваемый аргумент этого значения в функции pos, например, то:
pos = pos.split(',');
тогда координаты (соответственно позиция):
X = pos[0];
Y = pos[1];
Примерно так можно, только здесь не SELECT, а просто ссылки, поэтому параметры передаются непосредственно:

<SCRIPT>
function maps(x,y) {
document.getElementById('mark').style.visibility = "visible";
document.getElementById('mark').style.left = x;
document.getElementById('mark').style.top = y;
}
</SCRIPT>

<DIV STYLE="position: absolute; left: 200px; top: 20px;"><IMG 
SRC="marker.gif" ID="mark" WIDTH="15" HEIGHT="15" 
STYLE="position: absolute; left: 0px; top: 0px; z-index: 10; visibility: hidden;"><IMG 
SRC="map.jpg" STYLE="position: absolute; left: 0px; top: 0px;"
WIDTH="400" HEIGHT="400"></DIV>

<P ONCLICK="maps(40,80)">Firm 1</P>
<P ONCLICK="maps(140,160)">Firm 2</P>

   
 
 автор: Stealth   (17.12.2007 в 18:39)   письмо автору
 
   для: sim5   (17.12.2007 в 17:28)
 

вот только что накидал на коленке
<table>
<caption>Карта</caption>
<tbody>
<tr><th>Список объектов</th><th>Карта</th></tr>
<tr><td>

<select name="From" size=1 >
<option x=10 y=30>Чебурашка</option>
<option x=50 y=20>Крокодил Гена</option>
</select>
</td>
<td>
<style>.map{position:absolute;width:100%;height:100%}</style>
<style>.flag{position:absolute;width:30;height:30}</style>
<img src=./map.jpg class=map>
<img src=./flag.jpg class=flag style=left:100;top:100>
</td></tr>
</tbody></table>
не смотря на то что у карты стоит высота и ширина 100% картинку искажает. И откройте всётаки тайну как с селекта передать x и y... :(

   
 
 автор: sim5   (17.12.2007 в 17:28)   письмо автору
 
   для: Stealth   (17.12.2007 в 17:22)
 

Ваш указатель должен иметь коодинаты прописанные в стиле, изначально его можно за пределы экрана (left : -40; top : -40), и если фирма "Рога и копыта" имеете на карте коодинату X = 120, Y = 200, то передав этот параметр из опшена селекта в функцию (а можно прямо в селекте это прописать, без функуции), и соответсвенно указать их для left и top указателя, вы получите то, что вам нужно.

   
 
 автор: Stealth   (17.12.2007 в 17:22)   письмо автору
 
   для: sim5   (17.12.2007 в 17:20)
 

ну да. для меня пока загадка как передавать эти координаты указателю.

   
 
 автор: sim5   (17.12.2007 в 17:20)   письмо автору
 
   для: Stealth   (17.12.2007 в 16:55)
 

Ну наверное в списке должны быть координаты (left, top) этих контор относительно координаты правого верхнего угла карты, которые будут перемещать GIF-указатель.

   
 
 автор: Stealth   (17.12.2007 в 16:55)   письмо автору
 
 

Доброго времени суток.
Значится хочется вот так - страница, на которой отображена карта города, в сторонке попап список со списком контор. при выборе объекта из списка, он подсвечивается на карте флажком или там кружочком. В общем и целом вроде как понятно как это сделать, но не хватает познаний в синтаксисе. Подскажите пожалуйста или ткните в какой-нить пример в таком духе.
Спасибо.

   

Сообщения:  [1-7] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования