Главная    Реклама    О блоге

Всплывающие подсказки на 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 скрипта в дистрибутиве я так и не понял… Без них все работает вроде намано.

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

Комментарии (7)

  1. Temko пишет:

    В рот мне ноги, ты че сделал с блогом, демон

  2. Вика пишет:

    Пригодится, добавила в копилку скриптец. спс

  3. Jiret пишет:

    Ема, народ!! Работает!! =)

  4. Гошо пишет:

    Прикольно! Полезый скриптик ))

  5. Kenno пишет:

    Аа, убери это! ))

  6. Андрей Зарубин пишет:

    Kenno, еще один фокус О_О

  7. Даниил пишет:

    Не работает с условными операторами.
    Я сделал так:

    if (exp>50000) {
    document.write(”")}

    Подскажите если где-то ошибся, без ifов работает

Оставить комментарий