Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   помоги те с onmouseover (https://javascript.ru/forum/dom-window/23157-pomogi-te-s-onmouseover.html)

rafka1 15.11.2011 16:26

говорю ж - не катит )

у меня там каракуля - клякса - пятно это область которая кликабельна.
квадрат, прямоугольник не подойдет !

trikadin 15.11.2011 16:29

rafka1, а платить не хочется? ;)

Pavel M. 15.11.2011 17:34

Цитата:

Сообщение от rafka1 (Сообщение 136672)
говорю ж - не катит )

у меня там каракуля - клякса - пятно это область которая кликабельна.
квадрат, прямоугольник не подойдет !

здесь вам не обязаны, как я понимаю, давать готовые решения,

дают какие-то мысли, куски кода и за это по-моему надо быть благодарным - вы развиваетесь, учитесь, получаете опыт

rafka1 15.11.2011 18:09

Цитата:

Сообщение от Pavel M. (Сообщение 136704)
здесь вам не обязаны, как я понимаю, давать готовые решения,

дают какие-то мысли, куски кода и за это по-моему надо быть благодарным - вы развиваетесь, учитесь, получаете опыт

ето да...но посмотрите тему сабжа....по ней мне никто ни в какую сторону не подтолкнул....

trikadin 15.11.2011 18:47

Делаем map и area в ней. Area ставим обработчик onmouseover, вычисляем координаты мыши на момент наведения, отображаем в этих координатах элемент с подсказкой. При необходимости, указываем элементу смещение.

walik 15.11.2011 19:17

area#button1.active span {
   display:block;
   position: absolute;
   margin-left: -150%;
   top: -15%;
}


<area onmouseover="this.className = 'active';" onmouseout="this.className = '';" href="...

rafka1 16.11.2011 14:04

спасибо. проблему решил.

$(document).ready(function() {
$("map#link1").hover(
function () {
$(this).append($("<span>WHO WE ARE</span>"));
},
function () {
$(this).find("span:last").remove();
}
);
});





css

#link1 span {

position: absolute;

margin-left: -150%;

top: -155%;

width: 155px;

}

Андрей38 16.11.2011 23:08

Цитата:

Сообщение от rafka1 (Сообщение 136889)
спасибо. проблему решил.

$(document).ready(function() {
$("map#link1").hover(
function () {
$(this).append($("<span>WHO WE ARE</span>"));
},
function () {
$(this).find("span:last").remove();
}
);
});





css

#link1 span {

position: absolute;

margin-left: -150%;

top: -155%;

width: 155px;

}

молоток! Ты сделал лучше,чем я делаю такое. Для удаления после апенда ты идешь через зис, а я шел через поиск нового элемента в боди
Теперь и я буду делать как ты. Спасибо


Часовой пояс GMT +3, время: 19:28.