Как я первоначально задумывал:при подведении курсора к ссылке выскакивает всплывающая подсказка (содержание этой подсказки берется не из title ссылки, а то, которое я укажу).
Получилось примерно так
<div id="link" class="layer" style="display:none;">
<a href="http://ya.ru">Пам пам пам</a>
</div>
...
<a href="#" onmouseover="showtooltip();" onmouseout="hidetooltip();">ссылка</a>
...
function showtooltip() {
document.getElementById("link").style.display="block";
document.getElementById("link").style.top = event.y;
document.getElementById("link").style.left = event.x;
}
function hidetooltip() {
document.getElementById("link").style.display="none";
}
Внешний вид подсказки настраиваю через CSS c position:absolute
Возник вопрос:
Как дать возможность пользователю кликнуть во всплывшей подсказке, те чтобы когда курсор перемещается на подсказку сама подсказка не исчезала, но в любом другом случае - когда курсор покинул пределы ссылки и не защел на подсказку, она бы исчезла.
PS предполагаю, что на jQuery сделать вышеназванное проще, но пока надо разобраться с азами.