Офис НП AMWAY в Ярославле
Купить продукцию Амвей в Ярославле, офис 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-09-2013 15:30 01 Сентябрь 2013 15:30:02 2936  Прочтений 2936 Прочтений  0 Комментариев 0 Комментариев
 printer
Согласись, когда дата добавления новости или статьи (поста, комментария, фото, видео и т.п.) будет выглядеть так: "Добавлено менее минуты назад" или "Добавлено 5 часов назад" или "Последнее редактирование 6 минут назад", то это намного симпатичнее, чем "Добавлено 01.09.2013 15:21". На самом деле сделать это весьма просто, и нам даже не придется использовать какие-либо сложные функции, достаточно воспользоваться плагином JQuery TimeAgo. Качаем, из архива нам нужно будет взять всего два файла- jquery.timeago.js и jquery.timeago.ru.js (если необходимы другие языки- берем нужные). Кидаем их в наиболее подходящую папку (например, /js), далее нам нужно сделать подключение на необходимых для обработки страницах. В <head> вставляем следующее:

Код: 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";




Пример- здесь же в статьях или новостях, а также на главной странице.

Будут вопросы- пиши в комментариях.
Понравилась статья?
Метки для данной статьи
Похожие статьи
Поделиться:   
Комментарии
Нет комментариев.
Добавить комментарий
Имя:

Проверочный код:
Последние активные темы форума
  Темы Просмотров Ответов Последние сообщения
folder Вопрос по переделке bb-кода
PHP, MySQL
805 5 Pisatel
26. мая 2017
folder Вопросы по Ajax форме обратной связи
CMS PHP Fusion
5062 48 Ditrin
19. февраля 2017
folder BBCode YouTube Video Colorbox mod
CMS PHP Fusion
5955 2 Pisatel
10. декабря 2016
folder Как лучше создать собственную страницу?
CMS PHP Fusion
3769 17 Pisatel
11. мая 2016
folder Небольшие вопросы по скриптам магазина и катало...
PHP, MySQL
37536 80 Pisatel
11. января 2016
folder BBCode Code mod
CMS PHP Fusion
2835 0 Pisatel
31. августа 2015
folder Ajax Like Dislike Article Panel
CMS PHP Fusion
5104 16 Pisatel
07. июля 2015
folder Хлебные крошки / BreadCrumbs SEO Panel
CMS PHP Fusion
5638 17 Pisatel
04. июля 2015
folder Abbr Description BBCode
CMS PHP Fusion
2056 0 Pisatel
15. июня 2015
folder Плагин Email рассылки Mail To All by Pisatel
CMS PHP Fusion
7915 32 Pisatel
26. апреля 2015
folder Подозрительный трафик и прочие страшилки
Всякая хрень
3302 2 Ditrin
23. апреля 2015
folder Мод Newsletter - рассылка писем пользователям с...
CMS PHP Fusion
4835 13 Pisatel
10. апреля 2015
folder Мод отправки писем PHPMailer для PHP-Fusion
CMS PHP Fusion
23245 113 Ditrin
06. апреля 2015
folder Появление неизвестного файла subscriptions.php
CMS PHP Fusion
2497 2 Pisatel
06. апреля 2015
folder Autoban on IP
CMS PHP Fusion
10417 13 Pisatel
03. апреля 2015