VPF::всплывающая подсказка не работает в ФФ

Булка

Дата 4.11.2008, 01:47 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 20.4.2008

Репутация: нет
Всего: нет

Код


<html>
<title>hhh</title>

<script>
function ShowTooltip(word)
{ 
alt.innerHTML=word;
alt.style.left=window.event.clientX+5; 
alt.style.top=window.event.clientY+5;
alt.style.visibility="visible";
}

function HideTooltip()
{ 
alt.style.visibility="hidden";
alt.innerHTML="";
alt.style.top=0; 
alt.style.left=0;
}
</script>

<body>

<font color=white>
<div id="alt" style="text-align:justify; visibility:hidden; position:absolute; left:0; top:0; border-style:solid; border-color:#ffffff; border-width:1px; width:200px; height:10px; background-color:#000000; padding:4px; z-index:3"></div></font>

   <img src=01.jpg border=0 onmousemove="ShowTooltip('325253525<hr>234232:<br><br>&bull; 23424323424234242423')" onmouseout="HideTooltip()">

</body>
</html>

В IE и Опере тултип вылазит, всё ок. Но в файрфоксе при наведении вообще ничего непроисходит.
Как заставить это работать в фф?

SelenIT

Дата 4.11.2008, 02:26 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 7
Всего: 401

window.event - нестандартный IE-шный подход. По стандарту надо передавать событие аргументом (подробнее):

Код


function ShowTooltip(evt, word)
{
var el = document.getElementById('alt'); // современный способ обращения к элементу
el.innerHTML=word;
el.style.left=evt.clientX+5+'px'; // для CSS-свойств нужно указывать размерности
el.style.top=evt.clientY+5+'px';
el.style.visibility="visible";
}

Код


onmousemove="ShowTooltip(event, '325253525<hr>234232:<br><br>&bull; 23424323424234242423')"

Плюс советую сразу поправить код (см. комменты), чтобы в FF не поломалось, если захочется поставить на страницу нормальный доктайп...

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Dima 2015

Дата 4.11.2008, 06:49 (ссылка)

(голосов:1)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 287
Регистрация: 16.3.2008
Где: SPb

Репутация: нет
Всего: 2

Булка,
SelenIT, кстати если документ "большой" по вертикали и есть вертикальная полоса прокрутки, то подсказка не там будет возникать где надо, ибо clientX с экрана берет координату, надо будет еще величину прокрутки добавлять, чтото типа document.body.scrollTop если мне память не изменяет.

Булка

Дата 5.11.2008, 18:11 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 20.4.2008

Репутация: нет
Всего: нет

спасибо.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »