Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.03.2012, 05:56
Новичок на форуме
Отправить личное сообщение для mimimi Посмотреть профиль Найти все сообщения от mimimi
 
Регистрация: 29.03.2012
Сообщений: 2

<map>, <area>, onclick, z-index
Карта-изображение, которая реагирует на клики
<img src="http://yandex.st//metro-data/maps/moscow-blur.gif?1.0.25" usemap="#metromap">
<map id="metromap" name="metromap">
<area id="st122" shape="rect" coords="455,361,537,370" href='#' onclick="JavaScript:alert('ploshad ili4a')">
<area id="st130" shape="rect" coords="508,308,578,317" href='#' onclick="JavaScript:alert('aviamotornaya')">
Как должен выглядеть код вместо alert, чтобы после выбора двух точек он выводил одну картинку поверх другой:
<img style="position: absolute; z-index:2; top: 10px; left: 10px;" src="http://yandex.st/metro-data/stages/122-130.gif?1.0.25">
<img style="position: absolute; z-index:1; top: 10px; left: 10px;" src="http://yandex.st//metro-data/maps/moscow-blur.gif?1.0.25">
?
Или такие вещи делаются совсем по другому?
Ответить с цитированием
  #2 (permalink)  
Старый 30.03.2012, 03:48
Новичок на форуме
Отправить личное сообщение для mimimi Посмотреть профиль Найти все сообщения от mimimi
 
Регистрация: 29.03.2012
Сообщений: 2

Готово: выбираем Площадь Ильича, затем Авиамоторную.
<html><head><script type="text/javascript">

  var start="z"; var end="z";
  function ххх(xx)
   {if (start=="z") 
     {start=xx;
      document.images[1].src="http://yandex.st/metro-data/stations/"+start+".ru.gif?1.0.25"; 
     }  
    else 
     {end=xx;
      document.images[2].src="http://yandex.st/metro-data/stages/"+start+"-"+end+".gif?1.0.25";        
      document.images[3].src="http://yandex.st/metro-data/stations/"+end+".ru.gif?1.0.25";   
     }
   }
</script></head><body>

<img style="position: absolute; z-index:5; top: 10px; left: 10px;" src="http://yandex.st/metro-data/stations/119.ru.gif?1.0.25" usemap="#metromap" alt="пустая картинка">

<map id="metromap" name="metromap">
<area id="st122" shape="rect" coords="455,361,537,370" alt="ploshad ili4a" href='#' onclick="ххх('122')">
<area id="st130" shape="rect" coords="508,308,578,317" alt="aviamotornaya" href='#' onclick="ххх('130')">

<img  style="position: absolute; z-index:2; top: 10px; left: 10px;" src="">
<img  style="position: absolute; z-index:2; top: 10px; left: 10px;" src="">
<img  style="position: absolute; z-index:2; top: 10px; left: 10px;" src="">

<img style="position: absolute; z-index:1; top: 10px; left: 10px;" src="http://yandex.st//metro-data/maps/moscow-blur.gif?1.0.25">

</body></html>
Может подкинете к этому говнокоду палок рассказав как создавать картинки непосредственно перед выводом? А то не понятно сколько их резервировать в случае маршрута от конечной до конечной.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
OnClick ячейки таблицы и ссылки в этой ячейке MasDen Javascript под браузер 2 30.06.2011 09:34
Как избавиться от каскадного onclick? GydruS Events/DOM/Window 2 24.02.2011 10:54
Чем занимаются JS-программеры. JSTalker Оффтопик 69 02.02.2011 09:18
onclick и <object> MCTrane Общие вопросы Javascript 3 23.12.2010 22:33
Событие onClick avtor01 Events/DOM/Window 3 03.09.2009 17:01