• Автор:

    Flesha
  • Добавлено:

    сен 11, 2011
  • Комментариев:

    0
  • Просмотров:

    2 849

Хак всплывающих подсказок

Хак всплывающих подсказок

Проверял в браузерах: Opera, Safari, Google Chrome, Mozilla, Navigator, IE 6-8. Пример работы скрипта можно посмотреть на данном сайте. Наведите курсор например на логотип нашего сайта

Установка:

Создайте файл tooltip.js в директиве вашего сайта, и вставьте в него



Вверху кода увидите настройки. Из них я выставил только задержку появления на 0 (чтобы подсказка появлялась мгновенно).
К настройкам добавлю от себя: чтобы изменить расстояние между курсором и подсказкой, найдите (123 строка):

tooltip.t.style.left = x + 12 + "px";
tooltip.t.style.top = y + 12 + "px";


Первая строчка - горизонталь, вторая - вертикаль. "12" - это расстояние в пикселях подсказки от курсора. Изменяйте по своему усмотрению.

Затем в Ваш style.css, вставьте стиль для всплывающей подсказки:
#tooltip{
background:#fff;
border:1px solid #46688e;
color:#215d98;
font:11px verdana;
margin:0px;
padding:5px;
position:absolute;
visibility:hidden;
}


В Вашем шаблоне, в файл главной страницы (main.tpl) между тегами head, вставьте (обязательно полный путь, с https):

<script language="javascript" src="тег theme/css/tooltip.js"></script>
dle
Вернуться
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.