Волнения в виде негодований

Вторая версия катов

25 января 2012, 3:53

Каты?

Снова напомню, что по замыслу эгеи каты не нужны. Но тем не менее я пишу скрипт, разрешающий проблему многих и возвращающий каты в эгею. В этой статье я опишу вторую редакцию сего скрипта.

Приемущества новой версии

Не прошло и двух дней, а уже готова новая версия скрипта. Он переписан полностью. Самое ключевое: больше не нужно самостоятельно прописывать идентификаторы #cat1, #cat2... и помнить их между статьями. Скрипт самостоятельно находит на странице все объекты с классом .link_cat и c классом .cat и добавляет им соответствующие идентификаторы. Теперь текст ссылки «далее/скрыть» напрямую зависит от состояния раскрываемого блока, что логично, а не от текста «далее» или «скрыть» в ссылке, как было раньше (если был текст «далее», то после щелчка ставился текст «скрыть»). Если статья открыта (видно комментарии), скрипт раскрывает кат автоматически. Раньше, чтобы применить кат ко всем статьям на странице, я перебирал все 100 возможных вариантов номера ката с помощью js-функции for. Это было глупо, ведь в jQuery есть аналогичная функция each, в которой не нужно вводить максимальное число, объекты она считает сама. Для блоггера плюс в том, что это быстрее выполняется и меньше загружает страницу посетителя. Если вам хочется изменить текст «далее/скрыть», он находится в первых строках скрипта и его легко заменить. Хотел я ещё сделать ссылку на скрытие ката слева от всей статьи каким-то блоком. Чтобы можно было скрыть открытую статью, не прокручивая скролл до её окончания (как это реализовано на страницах в контакте), но решил отложить до следующей версии. Кстати, она скорее всего будет не 0.3, а 1.0, ибо будет полноценным плагином. Возможно, также прибавится в версонном обозначении третье число. То есть будет не 1.0, а 1.0.0. Первое число будет означать кардинальные изменения, второе мелкие, пусть важные — функциональные и третье число будет увеличиваться с исправлением багов и мелких вещей, которые не влияют внешне на работу скрипта.

Скачать

По этой ссылке всегда доступна последняя версия: http://gurylev.com/js/cat/cat.js Она же, минимизированная: http://gurylev.com/js/cat/cat.min.js По этой ссылке версия 0.2: http://gurylev.com/js/cat/cat-0.2.js Она же, минимизированная: http://gurylev.com/js/cat/cat-0.2.min.js

Установка

Не забываем включить форматтер Нисден. В тексте выделяем сам кат. Обособляем дивом то, что нужно скрыть и ставим ссылку на открытие сего.
<div class=«cat»>тут текст, который под катом</div>
<p class=«link_cat»>далее</p>
Теперь подключим сам скрипт. Я сделал это с помощью дополнительного блока. В папке /user/extras создал файл footer-post.tmpl.php, а в нём прописал вызов скрипта следующим образом:
<script type=«text/javascript» src=«user/js/cat.min.js»></script>
Дальше в css темы или прямо после скрипта в файле footer-post.tmpl.php задаём стили для ката и ссылки ката:
<style>
div.cat {display: none}
p.link_cat {тут все свойства, которые указаны для обычных ссылок}
</style>
На этом установка закончена =)

Планы на развитие

Как написано выше, планируется, чтобы ссылка на скрытие ката была слева от всей статьи каким-то блоком. Чтобы можно было скрыть открытую статью, не прокручивая скролл до её окончания. При отключенном javascript в браузере пользователя статья будет по умолчанию раскрыта (сейчас это можно считать багом). Планирую сделать из этого скрипта «сниппета» полноценный jQuery плагин. Может быть не в ближайшей версии, но точно планирую. Опционально можно будет указать текст «далее», «скрыть», идентификаторы и классы для блоков и ссылок. Планируется страничка сего плагина у меня на сайте. Оформленная, со ссылками разными. В смысле, на все версии. С рекомендациями по установке и настройке. Пожалуйста, обсуждайте скрипт в комментариях, пишите пожелания, критикуйте. Буду рад.
Популярное