Спосоры месяца:

Туризм в Беларуси глазами обывателя.

Интересные истории о жизни за пределами России в блоге “Наши за границей“.

---

BetterTip – очень простой и удобный способ отображения всплывающих подсказок. Плагин разработан на основе библиотеки JQuery.

Пример работы BetterTip
Скачать BetterTip

Вес скрипта вместе с CSS и картинками – 12кб, а в сжатом виде – 10кб.

Бесплатный и быстрый файлообменник IFolder – это место, где можно найти тонны музыки, софта, картинок, видео и другой информации, которую вы так искали! Кроме того, там вы можете зарабатывать ;)

Корпорация Связи предлагает красивые номера Билайн, МТС, Мегафон, Скайлинк – это прекрасный подарок для тех, кто не привык оставаться в тени!

А где заработать много денег?

Для использования скрипта, его необходимо подключить к странице:

<link rel="stylesheet" href="path-to/BetterTip/jquery.bettertip.css" type="text/css" />

<script type="text/javascript" src="path-to-jquery/jquery-1.1.3.1.js"></script>
<script type="text/javascript" src="path-to/BetterTip/jquery.bettertip.js"></script>

Параметры

1. openWait - число миллисекунд, в течение которых пользователь должен держать курсор наведенным, чтобы всплыла подсказка (по умолчанию: 500)
2. closeWait - число миллисекунд, в течение которых подсказа должна оставаться видимой после того как пользователь отведет курсор с блока с подсказкой (по умолчанию: 0)
3. enableCache - может принимать значения true либо false, определяет должен ли контент, вызываемый с помощью AJAX кешироваться  (по умолчанию: true)

Вызов функции

<script type="text/javascript">
    $(function(){
       BT_setOptions({openWait:2000, closeWait:4000, enableCache:false});
    })
</script>

Пример кода

Вы можете назначить всплывающие подсказки для элементов <a> или <div>. Например:

<a id="mylink" href="ajax.cfm?width=250" class="betterTip" title="$none">
    Dynamic tooltip an 'a' element
</a>

Элемент <a> должен иметь ID, а также класс с именем betterTip. Атрибут title определяет какой заголовок будет у подсказки. Вы модете выбрать одно из двух значение:

$none – если вы не хотите, чтобы у подсказки был заголовок

$content – если вы хотите чтобы подказка содержала тот же контент, что и блок, на который он навел курсором.

Атрибут href отвечает за место, откуда будет загружаться контент подсказки. Здесь, в качестве параметра, вы можете указать ширину блока с подсказкой.  По умолчанию – 250px.

Если href начинается с символа $, это означает, что BetterTip должен взять контент из другого элемента страницы. Например href=”$mydiv?width=500″ означает, что текст подсказки будет взят их элемента div с id=”mydiv” и шириной блока подсказки 500px.

<a id="mylink" href="$mydiv?width=500" class="betterTip" title="$content">
    Static tooltip an 'a' element
</a>
<div id="$mydiv" style="display:none;">
    Here is the content for the tooltip!
</div>

Чтобы подсказка всплывала для элемента div, а текст подсказки загружался из другого документа с помощью AJAX, используйте следующий код:

<div class="betterTip" id="div1" style="background-color:#eeeeee;">
    <a id="a1" href="ajax.cfm?width=300" class="betterTip" title="$none"></a>
    Dynamic tooltip for a div
</div>

Вместо ajax.cfm может быть любой другой файл, откуда вы хотите загрузить контент.

Пример работы BetterTip
Скачать BetterTip