Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 19
Как мне кажется, действительно универсальный тултип должен уметь поддерживать нечто вроде темплейтов, т.е. внутри окна подсказки нужно уметь поддерживать что-то вроде темплейтов, чтобы верстальщик мог наверстать любой внешний вид. А вся работа скпта должна состоять в том, чтобы этот «внешний вид» отобразить там где это надо.
В этом плане, вот такой плагин гораздо удобнее.
В этом плане, вот такой плагин гораздо удобнее.
Вся проблема в весе скрипта. Я пытался написать такой сценарий, чтобы он не имел ничего лишнего, и имел минимальный вес. В данной реализации верстальщик может сделать любую стилизацию, будь то сообщение при валидации формы или подсказка, так как скрипт не привязывается к классу который используется в стилях. Подсказке можно задать любую стилизацию.
Откровенно говоря, получилась халтура.
Замечания следующие:
— Верстка tooltip громоздкая. Достаточно использовать всего лишь один div для определения стилей.
— Подход к заданию содержимого подсказки изначально неправильный, т.к. предполагает излишнюю верстку. Проще всего использовать не типизированные атрибуты.
— Подсказки имеют жесткую привязку к элементу и неизменяемое положение относительно элемента. По краям страницы такие подсказки не расположишь — выглядят некрасиво.
— Нет возможности скрыть подсказку.
Замечания следующие:
— Верстка tooltip громоздкая. Достаточно использовать всего лишь один div для определения стилей.
— Подход к заданию содержимого подсказки изначально неправильный, т.к. предполагает излишнюю верстку. Проще всего использовать не типизированные атрибуты.
— Подсказки имеют жесткую привязку к элементу и неизменяемое положение относительно элемента. По краям страницы такие подсказки не расположишь — выглядят некрасиво.
— Нет возможности скрыть подсказку.
Посмотрите демо пример. Там есть варианты реализации и со скрытыми подсказками. Привязку я не могу назвать жесткой, так как я могу
использовать один вывод к целому списку элементов, если у них одинаковая стилистика. Верстка из-за обвертки получилась большая, но таким способом мы привязываем подсказку к объекту без большой помощи скрипта, а стилями.
Спасибо за критику.
использовать один вывод к целому списку элементов, если у них одинаковая стилистика. Верстка из-за обвертки получилась большая, но таким способом мы привязываем подсказку к объекту без большой помощи скрипта, а стилями.
Спасибо за критику.
Подход к заданию содержимого подсказки изначально неправильный, т.к. предполагает излишнюю верстку. Проще всего использовать не типизированные атрибуты.
/* Реклама, PR и +100500ЧСВ ON */
Уще давно нашел маленький скриптик и немного переделал — меньше 30 строк кода.
/* Реклама, PR и +100500ЧСВ OFF */
У вас tooltip — глобальная переменная. Нехорошо вышло.
Что в этом плохого?
Ну вы потеряли весь смысл оборачивания своего кода в анонимную функцию. Это делают чтобы изолировать её содержимое от окружения и исключить влияние это кода на внешний код и наоборот. А вы в первой же строке нарушаете эту идею. А вдруг снаружи вашего кода уже будет такая переменная? Вы ведь делаете плагин, который разные люди будут встраивать в свои разные проекты.
Я так понимаю, вы недавно пишете на javascript? Другого объяснения обилию $(this) в вашем коде я не вижу.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Универсальные подсказки на jQuery