jquery.eye - плагин
Добавлено: 28 сен 2014, 00:27
jquery.eye - плагин, не является расширением, это подключаемый jquery класс. С его помощью можно управлять видимостью тех элементов, которые вы ему зададите. Навеяно вот этим viewtopic.php?p=3374#p3374
Плагин, надеюсь, будет полезен авторам расширений, чтобы скрывать любые элементы своих и чужих расширений
Инструкция по пользованию
Папку jquery.eye положить в экст, в папку стиля (prosilver)
В папке содержатся jsфайл, css-файл и папка images с картинками
jsфайл, css-файл подключать стандартным образом
файл overall_footer_after.html
имплементация ( минимальная конфигурация):
где
- name будет идентификатором построенной кнопки и ключом для запоминания состояния в localstorage
- id, class - массивы элементов, которые выбираются селектором соответственно или по идентификатору или по классу
массивы id или class могут отсутствовать за ненадобностью. Но если оба будут пустые, нечем будет управлять
дополнительные опции:
float - по умолчанию right
title_open , title_close : - тексты тултипов для открытой и закрытой кнопки
Остальные опции пока не реализованы
пример использования в "живом поиске" ( файл live_search.js)
Репозиторий: https://github.com/alg5/jquery.eye
Плагин, надеюсь, будет полезен авторам расширений, чтобы скрывать любые элементы своих и чужих расширений
Инструкция по пользованию
Папку jquery.eye положить в экст, в папку стиля (prosilver)
В папке содержатся jsфайл, css-файл и папка images с картинками
jsфайл, css-файл подключать стандартным образом
файл overall_footer_after.html
Код: Выделить всё
<!-- INCLUDEJS ../jquery.eye/jquery.eye.js -->
<!-- INCLUDECSS ../jquery.eye/jquery.eye.css -->
Код: Выделить всё
var obj = { };
$(obj).eye({
name: 'id_btn',
id: ['id1', 'id2'],
class:['class1', 'class2', 'class3'],
});
- name будет идентификатором построенной кнопки и ключом для запоминания состояния в localstorage
- id, class - массивы элементов, которые выбираются селектором соответственно или по идентификатору или по классу
массивы id или class могут отсутствовать за ненадобностью. Но если оба будут пустые, нечем будет управлять
дополнительные опции:
float - по умолчанию right
title_open , title_close : - тексты тултипов для открытой и закрытой кнопки
Остальные опции пока не реализованы
пример использования в "живом поиске" ( файл live_search.js)
Код: Выделить всё
var obj = { };
$(obj).eye({
name: 'ls_eye',
title_open:LIVE_SEARCH_EYE_BUTTON_OPEN_T,
title_close:LIVE_SEARCH_EYE_BUTTON_CLOSE_T,
id: ['leavesearch_btn', 'leavesearch'],
});