Офис НП AMWAY в Ярославле
→ На карте Купить AMWAY: офис в ЯрославлеКонсультации, презентации, мастер–классы, знакомство с продукцией, заказ и выдача купленного товара:
●Адрес: улица Валентины Терешковой, дом 1 (Вход со двора)
●Телефон: +7 (920) 112-00-91
●Email: matyxho@mail.ru
●Сайт: https://www.amway.ru/user/lebedem
●Визитка: http://yar.meweb.ru
Иерархия статей
Статьи » HTML, CSS, JS » Подключение и настройка JQuery TimeAgo
Сниппет
Хочешь себе вывод даты публикации новости, статьи, поста, фото, или любого другого контента, как в популярных соцсетях? Для этого воспользуемся плагином для JQuery - TimeAgo
Подключение и настройка JQuery TimeAgo
Pisatel 
01 Сентябрь 2013 15:30:02
7603 Прочтений
Согласись, когда дата добавления новости или статьи (поста, комментария, фото, видео и т.п.) будет выглядеть так: "Добавлено менее минуты назад" или "Добавлено 5 часов назад" или "Последнее редактирование 6 минут назад", то это намного симпатичнее, чем "Добавлено 01.09.2013 15:21". На самом деле сделать это весьма просто, и нам даже не придется использовать какие-либо сложные функции, достаточно воспользоваться плагином JQuery TimeAgo. Качаем, из архива нам нужно будет взять всего два файла- jquery.timeago.js и jquery.timeago.ru.js (если необходимы другие языки- берем нужные). Кидаем их в наиболее подходящую папку (например, /js), далее нам нужно сделать подключение на необходимых для обработки страницах. В <head> вставляем следующее:
Подключили. Как ты заметил, мы еще подключили сначала саму библиотеку JQuery, если она у тебя уже подключена- опусти это подключение. Теперь, собственно, сам вывод. Находим вывод даты публикации и добавляем следующее:
Переменная $data['date'] должна содержать дату добавления/редактирования в формате Unix. Все остальное скрипт сделает сам. Чтобы при наведении курсора показывалась реальная дата добавления или редактирования, делаем так:
Пример- здесь же в статьях или новостях, а также на главной странице.
Будут вопросы- пиши в комментариях.
Код: HTML
<head>
<script type='text/javascript' src='js/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.timeago.js'></script>
<script type='text/javascript' src='js/jquery.timeago.ru.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
jQuery('abbr.timeago').timeago();
});
</script>
</head>
Подключили. Как ты заметил, мы еще подключили сначала саму библиотеку JQuery, если она у тебя уже подключена- опусти это подключение. Теперь, собственно, сам вывод. Находим вывод даты публикации и добавляем следующее:
Код: PHP
echo "<abbr class='timeago' title='".date("c", $data['date'])."'></abbr>\n";
Переменная $data['date'] должна содержать дату добавления/редактирования в формате Unix. Все остальное скрипт сделает сам. Чтобы при наведении курсора показывалась реальная дата добавления или редактирования, делаем так:
Код: PHP
echo "<abbr class='timeago' title='".date("c", $data['date'])."'>".date("%d %b %Y %T", $data['date'])."</abbr>\n";
Пример- здесь же в статьях или новостях, а также на главной странице.
Будут вопросы- пиши в комментариях.
Понравилась статья?
Метки для данной статьи
Похожие статьи
Заголовок
Категория
Просмотров
Поделиться:
Последние активные темы форума
| Темы | Просмотров | Ответов | Последние сообщения | |
 |
Вопрос по переделке bb-кода PHP, MySQL |
22343 | 5 | Pisatel 26. мая 2017 |
|
Вопросы по Ajax форме обратной связи CMS PHP Fusion |
68644 | 48 | Ditrin 19. февраля 2017 |
|
BBCode YouTube Video Colorbox mod CMS PHP Fusion |
15363 | 2 | Pisatel 10. декабря 2016 |
|
Как лучше создать собственную страницу? CMS PHP Fusion |
17912 | 17 | Pisatel 11. мая 2016 |
|
Небольшие вопросы по скриптам магазина и катало... PHP, MySQL |
144943 | 80 | Pisatel 11. января 2016 |
|
BBCode Code mod CMS PHP Fusion |
14429 | 0 | Pisatel 31. августа 2015 |
|
Ajax Like Dislike Article Panel CMS PHP Fusion |
22568 | 16 | Pisatel 07. июля 2015 |
|
Хлебные крошки / BreadCrumbs SEO Panel CMS PHP Fusion |
26271 | 17 | Pisatel 04. июля 2015 |
|
Abbr Description BBCode CMS PHP Fusion |
7669 | 0 | Pisatel 15. июня 2015 |
|
Плагин Email рассылки Mail To All by Pisatel CMS PHP Fusion |
37031 | 32 | Pisatel 26. апреля 2015 |
|
Подозрительный трафик и прочие страшилки Всякая хрень |
11804 | 2 | Ditrin 23. апреля 2015 |
|
Мод Newsletter - рассылка писем пользователям с... CMS PHP Fusion |
31052 | 13 | Pisatel 10. апреля 2015 |
|
Мод отправки писем PHPMailer для PHP-Fusion CMS PHP Fusion |
128510 | 113 | Ditrin 06. апреля 2015 |
|
Появление неизвестного файла subscriptions.php CMS PHP Fusion |
8848 | 2 | Pisatel 06. апреля 2015 |
|
Autoban on IP CMS PHP Fusion |
23196 | 13 | Pisatel 03. апреля 2015 |