Мы в твиттере Мы в телеграме!

Провеббер » DataLife Engine » DLE хаки » Скрипт всплывающих подсказок (tooltip или hint)

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?
Обращайся к нам в ЛС группы Вконтакте.

Скрипт всплывающих подсказок (tooltip или hint)

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Скрипт всплывающих подсказок (tooltip или hint).

Скрипт всплывающих подсказок (tooltip или hint)


Полностью рабочий вариант скрипта, работает во всех браузерах. Проверял в браузерах: 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, вставьте (обязательно полный путь, с http):

<script language="javascript" src="путь к файлу/tooltip.js"></script>


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


-1
Просмотры: 7 104 :: Комментарии (10) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Delacrua

  • 9 сентября 2011 10:43
  • Регистрация: 14.10.2010
  • Был(а) онлайн: 5.12.2017
  • Комментариев: 278
  • 0
Не плохая штука, спасибо Saneka2692, возьмем скрипт в коллекцию.

--------------------

#2alexben

  • 9 сентября 2011 12:58
  • Регистрация: 5.05.2011
  • Был(а) онлайн: 5.05.2012
  • Комментариев: 28
  • 0
смысл писать на голом js если уже подключена библиотека jquery

#3grimmjow

  • 9 сентября 2011 14:32
  • Регистрация: 22.10.2010
  • Был(а) онлайн: 4.10.2015
  • Комментариев: 51
  • 0
Ахринеть...спиздить начисто у Inrus-a гайд и ни 1 копирайта

#4Saneka2692

  • 9 сентября 2011 17:05
  • Регистрация: 2.10.2010
  • Был(а) онлайн: 21.02.2012
  • Комментариев: 56
  • 0
Цитата: grimmjow
Ахринеть...спиздить начисто у Inrus-a гайд и ни 1 копирайта

Ни чего не воровал я и ни каких копирайтов не снимал. Как скачал так и залил ни чего не трогая. Этот модуль уже не на одном сайте валяется. Так что ты мне прикажешь указывать все сайты на которых есть этот скрипт? Или искать автора в просторах интернета?

#5Delacrua

  • 9 сентября 2011 19:04
  • Регистрация: 14.10.2010
  • Был(а) онлайн: 5.12.2017
  • Комментариев: 278
  • 0
Цитата: alexben
смысл писать на голом js если уже подключена библиотека jquery

ты это скажи товарищу, которого зовут Paul Sowden, и Ajax`а никакого к скрипту он не подключал.

--------------------

#6grimmjow

  • 9 сентября 2011 19:43
  • Регистрация: 22.10.2010
  • Был(а) онлайн: 4.10.2015
  • Комментариев: 51
  • 0
https://prowebber.ru/dle/hacks/4087-novyy-krasivyy-hint-tooltip-na-jquery-fixed.h
tml

#7pirat81

  • 9 сентября 2011 22:22
  • Регистрация: 9.09.2011
  • Был(а) онлайн: 11.09.2011
  • Комментариев: 2
  • 0
Не понятно зачем это нужно, если есть jquery и куча решений на нём.

#8vetalio

  • 11 сентября 2011 18:27
  • Регистрация: 15.01.2011
  • Был(а) онлайн: 10.12.2023
  • Комментариев: 15
  • 0
большое спасибо

#9infosite

  • 15 сентября 2011 12:02
  • Регистрация: 13.09.2010
  • Был(а) онлайн: 6.02.2022
  • Комментариев: 76
  • 0
прикольная штука good

--------------------

#10IceSn1per

  • 13 ноября 2011 14:36
  • Регистрация: 13.11.2011
  • Был(а) онлайн: 28.02.2016
  • Комментариев: 9
  • 0
Нужный скрипт smile

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Декабрь 2024 (9)
Ноябрь 2024 (9)
Октябрь 2024 (169)
Сентябрь 2024 (13)
Август 2024 (60)
Июль 2024 (12)

Последние комментарии: