Всплывающие подсказки на javascript

Главная Реклама Об авторе Muzzлог Зарубина

Всплывающие подсказки на javascript

17.07.2008 от Андрей Зарубин

девид блейн Искал я, искал javascript, который бы выводил вменяемые и кроссбраузерные всплывающие подсказки и нашел Среди кучи неадекватно работающего и непродуманого хлама, я наткнулся на весьма толковое решение, нашел его здесь. Скрипт немаленький, но простой в использовании и настройке и очень продуманный. Я, правда поубирал оттуда кое-что, например фэйдинг (медленное появление). Работу скрипта можно увидеть, если навести курсор на картинку Вписать в сайт его очень просто, для этого нужно просто напросто сделать 2 вещи:

1) Где-нибудь в теге body вызвать скрипт такой вот строчкой

<script src="путь_к_скрипту/wz_tooltip.js" type="text/javascript"></script>

2) В теге a вызвать скрипт через onmouseover/onmouseout:

<a onmouseover="Tip('Текст подсказки')" onmouseout="UnTip()" href="index.htm">Homepage </a>

Все остальное скрипт сделает сам. В файле wz_tooltip.js можно поменять настройки текста, цвета, задержки перед появлением, плавного появления (fade эффект) и т. д.

Еще мне нужно было, чтобы после клика по ссылке, страница открывалась в новом окне с заданными шириной и высотой окна. Нашел несколько решений на javascript, одно из которых понравилось больше всего:

<a onclick="window.open('index.htm','win','width=600,height=480,screenX=0,screenY=0,top=0,left=0,resizable=0'); return false" href="index.htm">текст ссылки</a>

, где width (ширина окна) и height (высота окна) можно задать любые. Вариант хорош своей кроссбраузерностью.

А теперь все вместе

O_O НАВЕДИ НА МЕНЯ КУРСОР И КЛИКНИ O_O

PS: Нафига еще 2 скрипта в дистрибутиве я так и не понял… Без них все работает вроде намано.

» Abonner au RSS! «

Рубрики: javascript, Без рубрики, Софт, дизайн |