jQuery → jQuery UI Range Slider & Tooltip - всплывающая подсказка для слайдера

Данная статья является продолжением статьи, в которой я пофиксил, как мне кажется, не логичное поведение ползунков, а именно избавился от их наложения друг на друга. По-прежнему исходный код библиотеки jquery ui не затрагивается - все изменения я вынес в отдельный файл fixslider.js. В этой статье я опишу новые функции добавленные в скрипт fixslider.js, благодаря которым можно получить всплывающие подсказки над ползунками, подключив только лишь этот скрипт. Подключать это скрипт следует после самой библиотеки UI. Стоит оговориться - так как изначально все это я затеял ради исправления логики работы range slider, то fixslider.js применим только для этого типа слайдера. Для слайдера с одиночным ползунком все работает стандартно.

По умолчанию виджет слайдера не позволяет включить всплывающие подсказки при движении ползунков, чтобы исправить это, я решил обратиться к методам другого виджета jquery ui - Tooltip. Для создания всплывающих подсказок я использовал метод _tooltip, немного подкорректировал его и обозвал по другому, но суть таже - создает такую же разметку что и стандартный виджет tooltip, благодаря чему работают стили jquery ui css. Утомительно приводить код всех заново измененных методов, поэтому только перечислю новые опции, которые можно задавать при инициализации слайдера:

tooltip - По умолчанию false, если поставить true, то у ползунка появится всплывающая подсказка при передвижении ползунка;
tooltipDisplay - По умолчанию false, если поставить true, то подсказки будут выводится на экран всегда изначально;
position - Массив с ключами left и top. Позволяет установить положение подсказок относительно ползунков. Пример:

  1. $("#slider-range").slider({
  2. ...
  3. position: {
  4. left: [0,0],
  5. top: [15,15]
  6. }
  7. ...
  8. });

Первые значения подмассивов left и top определяют положение подсказки относительно первого ползунка, вторые - положение подсказки относительно второго ползунка.
content - Массив из двух функций, которые по умолчанию возвращают значения, соответствующие положению ползунков. Эти значения выводятся в всплывающей подсказке:

  1. $("#slider-range").slider({
  2. ...
  3. content: [
  4. function() {
  5. return $(this).attr("data-values-0");
  6. },
  7. function() {
  8. return $(this).attr("data-values-1");
  9. }
  10. ]
  11. ...
  12. });

Первая функция выводит содержимое подсказки для первого ползунка, вторая соответственно для второго. Эти значения берутся из атрибутов data-values-0 и data-values-1, которые появляются у элемента, если на него навешен виджет слайдера. Для стилизации подсказок можно использовать любой html в качестве возвращаемого значения этих функций.

Пример слайдера с всплывающими подсказками:

Проверил во всех адекватных браузерах и в IE версии 7 и выше.

Комментарии

Спасибо!
Пригодилось!

Благодарю! Отличая штука!

Спасибо супер =) только с новой библиотекой не работает(

Конкурентная борьба в сфере online азартных игр огромна.

Каждый день организовывается немало площадок с заманчивыми условиями для

новых игроков.

Особенного внимания удостаивается первоначальный подарок,

который смогли оценить большое число

клиентов.

Пришла пора понять важные моменты, которые связаны с работой

казино http://www.atlasroleplay.com/forum/profile/CleoTarver .

Приветственный бонус – это основное поощрение,

которое предоставляет online-казино.

Для его получения не придется прикладывать много стараний.

Пособие подготовлено для игроков, которые только в первый раз заходят в аккаунт на портале казино.

Геймеры могут и не подозревать, какой подарок подготовили разработчики.

Чаще всего первоначальный бонус добавляет некоторый процент к стартовому счету вне

зависимости от заведенной на сайт суммы.

Поощрение в виде безвозмездных спинов

Казино включают безоплатные вращения в свою маркетинговую стратегию.

Что это такое?

Такой подход позволяет давать пользователям бесплатные циклы,

которые играющие имеют право использовать

в игровых автоматах, и выигранные средства чаще всего могут быть сняты с личного счета.

Вращения чрезвычайно востребованы в среде

почитателей азартных онлайн-игр,

так как они дают шанс определить потенциал, который предоставляют новые игровые автоматы,

без необходимости увеличивать персональный баланс и

растрачивать личные финансы.

Достаточно интересное предложение, которым в полном объеме смогут воспользоваться игроки.

Можно оценить по достоинству все преимущества, возможности,

обеспечиваемые владельцами площадок.

Казино таким образом зачастую продвигают новейшие услуги среди пользователей, прошедших регистрацию на их

сайте.

При этом 1win как использовать бонусы доступно всем желающим.

Необходимо всего-навсего пройти в конкретную

категорию, ввести данные в регистрационные ячейки.

Не забывайте про обязательность

подтверждения достижение совершеннолетия.

Без подтверждения личности будет сложно стать постоянным пользователем, которому

откроются имеющиеся возможности

on-line ресурса.

Бонусы для пришедших по рекомендации

Online казино стимулирует пользователей, которые рекомендуют игровую

площадку потенциальным игрокам.

Подарки за вовлечение друзей предназначены для популяризации гэмблинга и

привлечения потенциальных пользователей игровых площадок.

Данный метод признается наиболее эффективным

для роста количества игроков.

Один момент, когда человек думает

присоединиться, ориентируясь на рекламу.

Совершенно иное – поверить рекомендации друга, который на сегодня удостоверился в предоставленной

информации, многообразии игровых аппаратов.

За совет пользователь может обнаружить в личном кабинете денежный

приз.

Финансовый бонус разрешается снять со счета или потратить на бесплатные спины в игре (некоторые казино

используют самостоятельно разработанные маркетинговые и поощрительные стратегии, в связи с чем стоит перво-наперво изучить правила).

Как удастся стать обладателем такого бонуса?

Вам необходимо сагитировать того, кого вы знаете,

зарегистрироваться на сайте казино,

создать учетную запись и внести депозит.

Во время прохождения регистрации такой пользователь

должен внести ваши данные в качестве реферала,

чтобы Вам можно было получить бонус.

Число приглашенных людей не лимитируется.

Казино всегда поощрительно относятся к

новичкам, которые намерены стать постоянными в самое ближайшее время.

Поощрение за лояльность

Бонусы лояльности – это еще тип

подарков, которые используются в онлайн-casino 1вин как заработать на 1win в партнерской программе.

Они похожи на достаточно распространенные программы лояльности, которыми

управляют популярные магазины.

Таким образом casino награждает своих приверженцев (пользователей, которые с завидной регулярностью заходят на площадку и вступают в игру) привлекательными бонусами или подарками.

Подобный бонус может быть в форме бесплатных спинов, однако основная масса казино тоже предоставляют небольшие гаджеты,

подарки или лотерейные билеты.

Примечательно, что появится возможность получить намного больше положительных впечатлений в течение пребывания

на online-платформах.

Поощрительные призы для ВИП-игроков

Игровые сервисы в том числе продумывают поощрения для геймеров, которые регулярно посещают сайт cazino и используют в играх крупные денежные суммы.

Большинство онлайн-казино связываются

с ВИП-пользователями , чтобы узнать об их предпочтениях и назначить вознаграждения, которые по сути соответствуют поведенческому фактору заинтересованного игрока.

Это еще раз подтверждает, в какой мере рады

видеть пользователей online-заведения.

Для VIP-игроков большинство online-cazino подготавливают очень ценные материальные поощрения.

Необходимо всего лишь продолжать заходить в выбранное заведение,

пользоваться всеми предоставляемыми

плюсами своего положения.

Конкурентная борьба в сфере online азартных игр огромна.

Каждый день организовывается немало площадок с заманчивыми условиями

для новых игроков.

Особенного внимания удостаивается первоначальный подарок,

который смогли оценить большое число клиентов.

Пришла пора понять важные моменты,

которые связаны с работой казино

http://www.atlasroleplay.com/forum/profile/CleoTarver .

Приветственный бонус – это основное поощрение, которое предоставляет online-казино.

Для его получения не придется прикладывать много стараний.

Пособие подготовлено для игроков, которые только в первый

раз заходят в аккаунт на портале казино.

Геймеры могут и не подозревать, какой подарок подготовили разработчики.

Чаще всего первоначальный бонус добавляет некоторый процент к стартовому счету вне

зависимости от заведенной на сайт суммы.

Поощрение в виде безвозмездных спинов

Казино включают безоплатные вращения в свою маркетинговую стратегию.

Что это такое?

Такой подход позволяет давать пользователям бесплатные циклы,

которые играющие имеют

право использовать в игровых автоматах,

и выигранные средства чаще всего могут быть сняты с личного счета.

Вращения чрезвычайно востребованы в

среде почитателей азартных

онлайн-игр, так как они дают шанс

определить потенциал, который предоставляют

новые игровые автоматы, без необходимости увеличивать персональный

баланс и растрачивать личные финансы.

Достаточно интересное предложение, которым в полном

объеме смогут воспользоваться игроки.

Можно оценить по достоинству все преимущества, возможности,

обеспечиваемые владельцами площадок.

Казино таким образом зачастую продвигают новейшие услуги среди пользователей, прошедших регистрацию на их

сайте.

При этом 1win как использовать бонусы

доступно всем желающим.

Необходимо всего-навсего пройти в конкретную категорию, ввести

данные в регистрационные ячейки.

Не забывайте про обязательность

подтверждения достижение совершеннолетия.

Без подтверждения личности будет

сложно стать постоянным пользователем, которому откроются

имеющиеся возможности on-line ресурса.

Бонусы для пришедших по рекомендации

Online казино стимулирует пользователей, которые рекомендуют игровую площадку потенциальным игрокам.

Подарки за вовлечение друзей

предназначены для популяризации

гэмблинга и привлечения потенциальных пользователей игровых площадок.

Данный метод признается наиболее эффективным для роста количества игроков.

Один момент, когда человек думает

присоединиться, ориентируясь на рекламу.

Совершенно иное – поверить рекомендации

друга, который на сегодня удостоверился в предоставленной информации,

многообразии игровых аппаратов.

За совет пользователь может обнаружить

в личном кабинете денежный приз.

Финансовый бонус разрешается снять со

счета или потратить на бесплатные спины в игре (некоторые казино используют самостоятельно

разработанные маркетинговые и поощрительные стратегии, в связи с чем стоит перво-наперво изучить

правила).

Как удастся стать обладателем такого

бонуса?

Вам необходимо сагитировать того, кого вы

знаете, зарегистрироваться на сайте казино,

создать учетную запись и внести депозит.

Во время прохождения регистрации

такой пользователь должен внести ваши данные в качестве реферала,

чтобы Вам можно было получить бонус.

Число приглашенных людей

не лимитируется.

Казино всегда поощрительно относятся к

новичкам, которые намерены стать постоянными в самое

ближайшее время.

Поощрение за лояльность

Бонусы лояльности – это еще тип подарков, которые используются в

онлайн-casino 1вин как заработать на 1win в партнерской программе.

Они похожи на достаточно распространенные

программы лояльности, которыми управляют популярные магазины.

Таким образом casino награждает своих приверженцев

(пользователей, которые с завидной регулярностью заходят на площадку и

вступают в игру) привлекательными бонусами или подарками.

Подобный бонус может быть в форме

бесплатных спинов, однако основная

масса казино тоже предоставляют небольшие гаджеты, подарки или лотерейные билеты.

Примечательно, что появится возможность получить намного больше положительных впечатлений в течение пребывания на online-платформах.

Поощрительные призы для ВИП-игроков

Игровые сервисы в том числе продумывают

поощрения для геймеров, которые регулярно посещают сайт

cazino и используют в играх крупные

денежные суммы.

Большинство онлайн-казино связываются с ВИП-пользователями , чтобы узнать об их предпочтениях и назначить вознаграждения,

которые по сути соответствуют

поведенческому фактору заинтересованного игрока.

Это еще раз подтверждает, в какой мере рады видеть пользователей online-заведения.

Для VIP-игроков большинство online-cazino подготавливают очень ценные материальные поощрения.

Необходимо всего лишь продолжать заходить в выбранное заведение, пользоваться всеми предоставляемыми плюсами своего положения.

Добавить комментарий