Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

HTML Map Area и подсказки

7.4K
15 июня 2011 года
T...H
159 / / 28.12.2008
Привет всем! :)
Столкнулся с проблемой, ответ которой не нашел в интернете.
Мой сайт имеет много карт Map для изображений <img>, которые рабивают картинку на участки с ссылками.
После того, как я понял, что мне необходимо сделать красивые подсказки (alt/title) я начал искать в интернете их реализацию. Нашел много, включая такие, как easy Tooltip на JQuery, simpletip и др, а также JS. Все они отлично работают для ссылок <a title="Подсказка"> и даже DIV и дргих элементов. Но, к сожалению, ни один скрипт в интернете не работает для карты ссылок:
 
Код:
<map name="appo">
<AREA SHAPE="RECT" COORDS="29, 28, 55, 65" HREF="#1" title="Read more"/>
<AREA SHAPE="RECT" COORDS="64, 28, 90, 65" HREF="#2" />
<AREA SHAPE="RECT" COORDS="99, 28, 126, 65" HREF="#3" />
<AREA SHAPE="RECT" COORDS="134,28, 161, 65" HREF="#4" />
</map>

Как можно исправить, получить доступ к подсказкам area через js или я просто плохо искал, есть какое-нибудь готовое решние. Подскажите пожалуйста ! :facepalm:
Спасибо, Ден (С)
64K
15 июня 2011 года
fon
4 / / 29.09.2010
не понял я чего то, у ареа есть титле, или надо самопальное сделать, с выкрутасами?

Кстати, альт это не подсказка, альт виден только при не загруженной картинке.
альт и титле, это разные вещи.
7.4K
15 июня 2011 года
T...H
159 / / 28.12.2008
Цитата:
не понял я чего то, у ареа есть титле, или надо самопальное сделать, с выкрутасами?


Да, надо сделать свою подсказку с темным фоном.
У area есть TITLE почему-то он не работает в скриптах. :)

64K
15 июня 2011 года
fon
4 / / 29.09.2010
Цитата:
У area есть TITLE почему-то он не работает в скриптах.


Не верно обращаешься скорее всего, сам проверить смогу только завтра.
У меня есть адрес, но это другой форум, админы этого не любят. Лс тут нет, не знаю.

64K
16 июня 2011 года
fon
4 / / 29.09.2010
вот так работает со всеми элементами
document.getElementById("id_el").title
7.4K
17 июня 2011 года
T...H
159 / / 28.12.2008
Цитата:
function MyF()
{
var obj= document.getElementById("area1");
var title = obj.title;
alert(title);
}


Не шарит ;)

Цитата:

<map name="appo">
<AREA SHAPE="RECT" COORDS="29, 28, 55, 65" HREF="#1" title="Read more" id="area1"/>
...
</map>

7.4K
17 июня 2011 года
T...H
159 / / 28.12.2008
P.S. >
Спасибо разобрался. неработали TITLE AREA именно из-за неверного приоритета слоя z-index Div-a подсказки. Аж стыдно....
64K
18 июня 2011 года
fon
4 / / 29.09.2010
это и есть неверное обращение, бывает.
а я уже готовый файлик приготовил, ну да ладна.
13
18 июня 2011 года
RussianSpy
3.0K / / 04.07.2006
Это называется ошибкой в верстке, а не неверным обращением.
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог