Пришла пора и мне разбираться с jquery.
Очень мне хотелось чтобы длинные посты можно было читать не переходя по ссылке “Читать далее”, и чтобы они не занимали много места на главной странице, тем самым не слишком растягивали её (ну не люблю я сильно много листать страницы вверх и вниз), а прям как выпадающее меню, чтобы при нажатии на ссылку(кнопку) открывалось здесь же. Таковое можно было осуществить с помощью AJAX, но так как я не силён в java(да как и во многом остальном), ринулся рыщить по интернету. И в какой-то момент мне попался скрипт jTruncate использующий jquery.
Скачав повертел его немного вруках, потыкав в разные места, попробовав разные функции вызова, решил уже было бросить это дело, так как ничего не получалось, но последней попыткой для меня было попробовать предложить разобрать по полочкам его . Вот что я ему написал:
Доброе время суток, у меня скорее всегопросьба к Вам. Не могли бы вы подробно описать о jTruncate. Возможно ли его применить в блоге для развёртывания постов? Если да, то хотелось бы увидеть пост на вашем блоге с описанием
данного метода. Заранее благодарен.
Ссылка на jTruncate in Action -
http://blog.jeremymartin.name/2008/02/jtruncate-in-action.html
Буквально на следующий день получил от него письмо следующего содержания:
Добрый день.
Спасибо за предложение, но я не вижу для себя
полезности в этом плагине, поэтому нет
желанияписать о нем пост.
Сие меня совершенно расстроило и перед тем как забросить это дело я решил всё таки в последний раз поковыряться.
И всё оказалось не так сложно: для начала скачиваем сам jTruncate и закидываем его в папку с используемым шаблоном, далее подключаем его в header.php
<link href=”<?php bloginfo(’stylesheet_directory’); ?>/jtruncate.js” type=”text/css” rel=”stylesheet” />
<script type=”text/javascript” src=”<?php bloginfo(’stylesheet_directory’); ?>/jtruncate.js”></script>
Далее сохраняем вот эти данные в ява скрипт например под названием jtrunc
$().ready(function($) {
$(’mo’).jTruncate({
length: 300,
minTrail: 0,
moreText: “[читать далее]“,
lessText: “[скрыть]“,
moreAni: 2000,
lessAni: “normal”
});
$(’/mo’).jTruncate({
length: 1000,
minTrail: 0,
moreText: “[читать далее]“,
lessText: “[скрыть]“,
moreAni: 2000,
lessAni: “normal”
});});
Теперь его надо также подключить в header.php
<link href=”<?php bloginfo(’stylesheet_directory’); ?>/jtrunc.js” type=”text/css” rel=”stylesheet” />
<script type=”text/javascript” src=”<?php bloginfo(’stylesheet_directory’); ?>/jtrunc.js”></script>
Далее в местах где мы хотели бы сворачивать запись нужно поставить тег <mo>, а в конце </mo>(возможно поставить и свои теги при этом изменив содержание файла jtunc.js)
Ну вот в принципе и всё, теперь должно работать приблизительно также как у меня на старой версии шаблона(на новую пока не решаюсь переносить).
З.Ы. Не давно заметил что это работает только в Опере, а Горячий Лис и Ослик игнорируют эти скрипты. Может кто может подсказать как это исправить.
Спонсоры поста:
БТИ свао
как заработать на своем сайте