Javascript.RU

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

JavaScript + div = ?
только с этим столкнулся в лоб.
и нет сейчас времени углубляться в тонны литературы((((

есть страничка в ней стоит блок (div с фоновой картинкой (карта мира)), задача = при наведении мышкой на один из континентов карты (этот фон меняется на другую картинку), а при клике мишки идет переход по ссылке.
и как быть????второй день долблюсь на месте((((
добрые люди, на вас надежда...мне хотя бы пример, а то такого принципа я нигде не встречал(((
Ответить с цитированием
  #2 (permalink)  
Старый 09.04.2010, 00:09
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 09.07.2008
Сообщений: 3,873

Сообщение от obsessioner
и нет сейчас времени углубляться в тонны литературы((((
Сорри за негатив, но думаете это кого-то волнует?)

После загрузки документа найдите ваш <div> и добавьте ему обработчики событий mouseover, mouseout и click. По событию mouseover и mouseout меняйте значение divElement.style.backgroundImage, а по событию click изменяйте window.location.

За готовыми скриптами обращайтесь в раздел работа.

Последний раз редактировалось Octane, 09.04.2010 в 00:12.
Ответить с цитированием
  #3 (permalink)  
Старый 09.04.2010, 02:08
Аватар для x-yuri
Отправить личное сообщение для x-yuri Посмотреть профиль Найти все сообщения от x-yuri
 
Регистрация: 27.12.2008
Сообщений: 4,201

тут нужен image map или flash
Ответить с цитированием
  #4 (permalink)  
Старый 09.04.2010, 09:17
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,022

Или SVG (VML). Ну просто, как вариант.
Ответить с цитированием
  #5 (permalink)  
Старый 09.04.2010, 09:28
Новичок на форуме
Отправить личное сообщение для obsessioner Посмотреть профиль Найти все сообщения от obsessioner
 
Регистрация: 08.04.2010
Сообщений: 9

image map - ведь не меняет фоновую картинку?
Ответить с цитированием
  #6 (permalink)  
Старый 09.04.2010, 09:41
Аватар для x-yuri
Отправить личное сообщение для x-yuri Посмотреть профиль Найти все сообщения от x-yuri
 
Регистрация: 27.12.2008
Сообщений: 4,201

ну сам по себе не меняет, но Octane очень подробно расписал, как это делать. Правда картинок много понадобиться, может лучше background-color+opacity делать, если можно

Последний раз редактировалось x-yuri, 09.04.2010 в 11:18.
Ответить с цитированием
  #7 (permalink)  
Старый 09.04.2010, 11:14
Новичок на форуме
Отправить личное сообщение для obsessioner Посмотреть профиль Найти все сообщения от obsessioner
 
Регистрация: 08.04.2010
Сообщений: 9

Спасибо. буду разбираться)
хоть есть направление за что хвататься
Ответить с цитированием
  #8 (permalink)  
Старый 09.04.2010, 11:57
Новичок на форуме
Отправить личное сообщение для obsessioner Посмотреть профиль Найти все сообщения от obsessioner
 
Регистрация: 08.04.2010
Сообщений: 9

Сообщение от x-yuri Посмотреть сообщение
ну сам по себе не меняет, но Octane очень подробно расписал, как это делать. Правда картинок много понадобиться, может лучше background-color+opacity делать, если можно
background-color+opacity ??? это как?
Ответить с цитированием
  #9 (permalink)  
Старый 09.04.2010, 12:39
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

background-color: rgba(255,255,255,0.5)
0.5 - opacity.
__________________
.
Ответить с цитированием
  #10 (permalink)  
Старый 09.04.2010, 12:58
Новичок на форуме
Отправить личное сообщение для obsessioner Посмотреть профиль Найти все сообщения от obsessioner
 
Регистрация: 08.04.2010
Сообщений: 9

спасибо всем)
вы гении!!!!)))
нашел подходящее решение моей задачи!!!
еще раз спасибо за ваше время!!!
кому интересно решение здесь:
http://code.google.com/intl/ru-RU/ap...ry/geomap.html
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите с javascript andruhin Общие вопросы Javascript 12 04.05.2012 09:05
Появление блоков div в зависимости от radio Oracool Events/DOM/Window 1 04.12.2009 17:39
JavaScript на Яндекс.Фотки - почему тормозит браузеры? ZavFirefox Javascript под браузер 23 27.09.2009 18:24
Не получается загрузить баннер в раздел DIV методами Javascript через iframe ((( autobuh Общие вопросы Javascript 3 24.07.2009 18:24
Нужен Старший разработчик JavaScript Yandex Работа 17 19.08.2008 15:43