Вы находитесь здесь:Плагины jQuery»liTip - jQuery Tooltip или всплывающая подсказка

liTip - jQuery Tooltip или всплывающая подсказка

Среда, 22 Август 2012 00:29 Автор 
jQuery Плагин liTip стилизует стандартный "title" указанного элемента с помощью jQuery. Также плагин liTip дает возможность выводить в "tooltip" любой контент такой как ссылки, фотографии и прочее. liTip обладает большим преимуществом благодаря тому что является так называемым "умным тултипом" и грамотно располагается возле краев экрана.
Версия 2 включает в себя настройку события, при котором должен появлятся tooltip
Прочитано 18286 раз Последнее изменение Вторник, 12 Март 2013 06:10
Оцените материал
(3 голосов)

Комментарии   

 
LiMasscode
# LiMasscode 13.09.2012 05:14
В связи с выходом и публикацией свежей версии плагина liTip, предыдущая версия была удалена с сайта безвозвратно. Пусть корзина ей будет пухом!
Ответить | Ответить с цитатой | Цитировать
 
 
Петр
# Петр 09.01.2014 17:33
Скажите пожалуйста, а как сделать, чтобы этот тултип показывался ( к примеру ) через 5 секунд после загрузки страницы. Или для этого нужно другое решение?
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 10.01.2014 13:28
Цитирую Петр:
Скажите пожалуйста, а как сделать, чтобы этот тултип показывался ( к примеру ) через 5 секунд после загрузки страницы. Или для этого нужно другое решение?

Очень просто jsfiddle.net/pb9gX/4/
Ответить | Ответить с цитатой | Цитировать
 
 
Слава
# Слава 22.01.2014 16:03
Очень понравился вариант с задержкой.
Скажите, а как сделать, чтобы тултип после этого сам отключался через заданное время? Вообще идеальным вариантом было бы так: появился через 5 сек, выключился через 40 сек. А если мешает посетителю, то убирается после наведения курсора мыши, через заданные сек (на случай если в тултипе ссылка). После 40 сек, работает как обычный тултип - навёл-появилось , убрал-пропало после заданной задержки.
Это был бы просто идеальный код. Ведь суть тултипа это не показываться постоянно.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 23.01.2014 08:35
Цитирую Слава:
Очень понравился вариант с задержкой.
Скажите, а как сделать, чтобы тултип после этого сам отключался через заданное время? Вообще идеальным вариантом было бы так: появился через 5 сек, выключился через 40 сек. А если мешает посетителю, то убирается после наведения курсора мыши, через заданные сек (на случай если в тултипе ссылка). После 40 сек, работает как обычный тултип - навёл-появилось, убрал-пропало после заданной задержки.
Это был бы просто идеальный код. Ведь суть тултипа это не показываться постоянно.

Ну тогда вот вам идеальный код:
jsfiddle.net/pb9gX/7/
Ответить | Ответить с цитатой | Цитировать
 
 
Слава
# Слава 27.01.2014 13:30
Большое спасибо!
Очень полезный код, когда надо обратить на что-то внимание посетителя.
Ответить | Ответить с цитатой | Цитировать
 
 
Sv9t
# Sv9t 10.02.2015 08:11
Привет! взял пример с zip архива, чуть сократил, убрал ненужное, сделал под себя.
http://jsfiddle.net/5715tupn/6/
Но не понятно почему не запускается.
На странице так же запущен слайдер "liSlidik", не пойму как инициализацию этих двух скриптов объединить в один
Ответить | Ответить с цитатой | Цитировать
 
 
Sv9t
# Sv9t 10.02.2015 08:46
тестовый сайт pligg.sv9t.ru
toolTip привязал к значку облачка-разгово ра вверху справа, класс .last
инициализиуется скрипт др.скриптом /js/index_Tip.js

PS еще хочу объединить со скриптом /js/index.js
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 01.03.2015 21:42
Цитирую Sv9t:
тестовый сайт pligg.sv9t.ru
toolTip привязал к значку облачка-разговора вверху справа, класс .last
инициализиуется скрипт др.скриптом /js/index_Tip.js

PS еще хочу объединить со скриптом /js/index.js

Виной всему версия jQuery UI 1.1.18 http://bugs.jquery.com/ticket/12491
В данной версии баг с "outerWidth()"
1. Или обновите скрипт jquery UI например на 1.11.2
2. Или воспользуйтесь немного переделанным скриптом тултипа специально под эту библиотеку UI
http://jsfiddle.net/yurik417/pb9gX/49/
Ответить | Ответить с цитатой | Цитировать
 
 
Tvipoff
# Tvipoff 03.03.2015 16:35
спасибо за плагин, но не смог воспользоваться.
слетает позиционировани е, если в контейнере.
пример http://jsfiddle.net/pb9gX/50/

Это нельзя побороть?
Ответить | Ответить с цитатой | Цитировать
 
 
andrey
# andrey 05.03.2015 10:27
как присвоить параметру content содержимое текущего элемента с определенным классом
Ответить | Ответить с цитатой | Цитировать
 
 
bibitur
# bibitur 26.10.2015 09:12
А как сделать, чтобы текст подсказки забирался из отдельного текстового или html-файла?
Я хочу сделать один сводный файл со всеми подсказками, а при необходимости использования на странице подсказки, просто указывать путь к нужному куску текста. Как на Яндекс.Маркет. На мой взгляд, это намного удобнее в плане правки исходного текста подсказок и их одинаковости на всех страницах.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 26.10.2015 10:16
Цитирую bibitur:
А как сделать, чтобы текст подсказки забирался из отдельного текстового или html-файла?
Я хочу сделать один сводный файл со всеми подсказками, а при необходимости использования на странице подсказки, просто указывать путь к нужному куску текста. Как на Яндекс.Маркет. На мой взгляд, это намного удобнее в плане правки исходного текста подсказок и их одинаковости на всех страницах.


http://jsfiddle.net/pb9gX/104/
Ответить | Ответить с цитатой | Цитировать
 
 
Сергей
# Сергей 21.11.2015 03:28
Шикарный плагин, но есть очень досадный баг.
Посмотрите вот это http://jsfiddle.net/pb9gX/112/
Скрипт не запоминает положение str_tooltip.png
Если мы наводим мышь в верхней части страницы, то соответственно тултипс оказывается внизу ссылки, так как нет места для показа вверх.
А теперь скролим сраницу вниз, и снова наводим мышь.
Тултипс теперь сверху, но str_tooltip.png тоже наверху. Приходит всё в норму только после перезагрузки F5
Ответить | Ответить с цитатой | Цитировать
 
 
Сергей
# Сергей 21.11.2015 03:38
Это баг на всех вариантах, которые здесь выложены. А не заметил это никто, потомучто нет ни одного примера, где можно посмотреть тултипс со скролом. Пришлось сделать такой пример.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 23.11.2015 14:59
Цитирую Сергей:
Это баг на всех вариантах, которые здесь выложены. А не заметил это никто, потомучто нет ни одного примера, где можно посмотреть тултипс со скролом. Пришлось сделать такой пример.

Спасибо за наблюдательност ь
Ответить | Ответить с цитатой | Цитировать
 
 
Marat
# Marat 08.02.2016 21:13
Спасибо большое за плагин. Очень удобный.

Помогите, пожалуйста, сделать следующее:
Чтобы при фокусе в поле ввода подсказка отображалась и не пряталась даже если отвести мышку, а пряталась только после снятия фокуса, то есть курсор в поле стоит - подсказка видна, убрали курсор с поля - она исчезла. Очень надо.
Пытался разобраться, но не осилил.
Заранее спасибо.
Ответить | Ответить с цитатой | Цитировать
 
 
Pr-Dimitri
# Pr-Dimitri 14.06.2016 17:11
Спасибо, то что надо.
Ответить | Ответить с цитатой | Цитировать
 
Онлайн-конструктор українського орнаменту

Чем вы можете помочь?

1. Разместить ссылку на своем сайте
Если вы ведете блог или у вас есть сайт - поставьте ссылку на www.masscode.ru. Скопируйте этот код:

<a href="/" title="Плагины, сниппеты и пользовательские скрипты на jquery" target="_blank">Плагины, сниппеты и пользовательские скрипты на jquery</a>

2. Поддержать проект финансово
Вы можете сделать добровольное пожертвование

AUH: U878157792792
USD: Z821422743261
RUB: R360648948582
EUR: E298388086680

Свежие материалы

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

Вы находитесь здесь:   ГлавнаяjQueryliTip - jQuery Tooltip или всплывающая подсказка