jQuery Плагин liTip стилизует стандартный "title" указанного элемента с помощью jQuery. Также плагин liTip дает возможность выводить в "tooltip" любой контент такой как ссылки, фотографии и прочее. liTip обладает большим преимуществом благодаря тому что является так называемым "умным тултипом" и грамотно располагается возле краев экрана.
Версия 2 включает в себя настройку события, при котором должен появлятся tooltip
Скажите пожалуйста, а как сделать, чтобы этот тултип показывался ( к примеру ) через 5 секунд после загрузки страницы. Или для этого нужно другое решение?
Скажите пожалуйста, а как сделать, чтобы этот тултип показывался ( к примеру ) через 5 секунд после загрузки страницы. Или для этого нужно другое решение?
Очень понравился вариант с задержкой. Скажите, а как сделать, чтобы тултип после этого сам отключался через заданное время? Вообще идеальным вариантом было бы так: появился через 5 сек, выключился через 40 сек. А если мешает посетителю, то убирается после наведения курсора мыши, через заданные сек (на случай если в тултипе ссылка). После 40 сек, работает как обычный тултип - навёл-появилось, убрал-пропало после заданной задержки. Это был бы просто идеальный код. Ведь суть тултипа это не показываться постоянно.
Очень понравился вариант с задержкой. Скажите, а как сделать, чтобы тултип после этого сам отключался через заданное время? Вообще идеальным вариантом было бы так: появился через 5 сек, выключился через 40 сек. А если мешает посетителю, то убирается после наведения курсора мыши, через заданные сек (на случай если в тултипе ссылка). После 40 сек, работает как обычный тултип - навёл-появилось, убрал-пропало после заданной задержки. Это был бы просто идеальный код. Ведь суть тултипа это не показываться постоянно.
Привет! взял пример с zip архива, чуть сократил, убрал ненужное, сделал под себя. http://jsfiddle.net/5715tupn/6/ Но не понятно почему не запускается. На странице так же запущен слайдер "liSlidik", не пойму как инициализацию этих двух скриптов объединить в один
тестовый сайт 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/
А как сделать, чтобы текст подсказки забирался из отдельного текстового или html-файла? Я хочу сделать один сводный файл со всеми подсказками, а при необходимости использования на странице подсказки, просто указывать путь к нужному куску текста. Как на Яндекс.Маркет. На мой взгляд, это намного удобнее в плане правки исходного текста подсказок и их одинаковости на всех страницах.
А как сделать, чтобы текст подсказки забирался из отдельного текстового или html-файла? Я хочу сделать один сводный файл со всеми подсказками, а при необходимости использования на странице подсказки, просто указывать путь к нужному куску текста. Как на Яндекс.Маркет. На мой взгляд, это намного удобнее в плане правки исходного текста подсказок и их одинаковости на всех страницах.
Шикарный плагин, но есть очень досадный баг. Посмотрите вот это http://jsfiddle.net/pb9gX/112/ Скрипт не запоминает положение str_tooltip.png Если мы наводим мышь в верхней части страницы, то соответственно тултипс оказывается внизу ссылки, так как нет места для показа вверх. А теперь скролим сраницу вниз, и снова наводим мышь. Тултипс теперь сверху, но str_tooltip.png тоже наверху. Приходит всё в норму только после перезагрузки F5
Это баг на всех вариантах, которые здесь выложены. А не заметил это никто, потомучто нет ни одного примера, где можно посмотреть тултипс со скролом. Пришлось сделать такой пример.
Это баг на всех вариантах, которые здесь выложены. А не заметил это никто, потомучто нет ни одного примера, где можно посмотреть тултипс со скролом. Пришлось сделать такой пример.
Помогите, пожалуйста, сделать следующее: Чтобы при фокусе в поле ввода подсказка отображалась и не пряталась даже если отвести мышку, а пряталась только после снятия фокуса, то есть курсор в поле стоит - подсказка видна, убрали курсор с поля - она исчезла. Очень надо. Пытался разобраться, но не осилил. Заранее спасибо.
Комментарии
Очень просто jsfiddle.net/pb9gX/4/
Скажите, а как сделать, чтобы тултип после этого сам отключался через заданное время? Вообще идеальным вариантом было бы так: появился через 5 сек, выключился через 40 сек. А если мешает посетителю, то убирается после наведения курсора мыши, через заданные сек (на случай если в тултипе ссылка). После 40 сек, работает как обычный тултип - навёл-появилось , убрал-пропало после заданной задержки.
Это был бы просто идеальный код. Ведь суть тултипа это не показываться постоянно.
Ну тогда вот вам идеальный код:
jsfiddle.net/pb9gX/7/
Очень полезный код, когда надо обратить на что-то внимание посетителя.
http://jsfiddle.net/5715tupn/6/
Но не понятно почему не запускается.
На странице так же запущен слайдер "liSlidik", не пойму как инициализацию этих двух скриптов объединить в один
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/
слетает позиционировани е, если в контейнере.
пример http://jsfiddle.net/pb9gX/50/
Это нельзя побороть?
Я хочу сделать один сводный файл со всеми подсказками, а при необходимости использования на странице подсказки, просто указывать путь к нужному куску текста. Как на Яндекс.Маркет. На мой взгляд, это намного удобнее в плане правки исходного текста подсказок и их одинаковости на всех страницах.
http://jsfiddle.net/pb9gX/104/
Посмотрите вот это http://jsfiddle.net/pb9gX/112/
Скрипт не запоминает положение str_tooltip.png
Если мы наводим мышь в верхней части страницы, то соответственно тултипс оказывается внизу ссылки, так как нет места для показа вверх.
А теперь скролим сраницу вниз, и снова наводим мышь.
Тултипс теперь сверху, но str_tooltip.png тоже наверху. Приходит всё в норму только после перезагрузки F5
Спасибо за наблюдательност ь
Помогите, пожалуйста, сделать следующее:
Чтобы при фокусе в поле ввода подсказка отображалась и не пряталась даже если отвести мышку, а пряталась только после снятия фокуса, то есть курсор в поле стоит - подсказка видна, убрали курсор с поля - она исчезла. Очень надо.
Пытался разобраться, но не осилил.
Заранее спасибо.
RSS лента комментариев этой записи