Гость
Статистика Форума
Последнии темы Популярные темы Лучшие пользователи Новые пользователи
» [23.02.2019] Lost World CoP (0)
» [23.02.2019] Тёмный полупрозрачный стиль uWnd окон By ... (0)
» [23.02.2019] Мини-чат 6.0 by Apocalypse для сайтов на ... (0)
» [23.02.2019] Оригинальный вид рейтинга на персональной... (0)
» [23.02.2019] Дополнительные награды пользователей чере... (0)
» [23.02.2019] Стильный тёмный переключатель страниц для... (0)
» [23.02.2019] Автоматическое повышение репутации за мат... (0)
» [23.02.2019] Автоматическое повышение репутации за отв... (0)
» [23.02.2019] Рейтинг активности на форуме для сайтов н... (0)
» [22.02.2019] Потерянная судьба (0)
» Тайники и подсказки (82)
» FAQ прохождения по локациям DOPPELGANGER 7.63 Ti... (50)
» Русскоязычное руководство по моду Frackin' U... (38)
» Фоны для сталкерского сайта (33)
» [DMX] Народное творчество (24)
» Ui Icon Equipment (UIE) - Все иконки для игры Ст... (23)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» CoC Вылеты и их решение (21)
» Флудилка (20)
» Xemordio (3240)
» Infe[R]nos (35)
» Бармен (17)
» StraNNik (13)
» NL-Vincenz (12)
» Waldemar (12)
» Duzeppa26 (5)
» Ghosteron (5)
» kamelotto (1)
» ZION (1)
» [22.02.2019] vfgd
» [22.02.2019] maxvladbabkin
» [21.02.2019] blablabla_827
» [20.02.2019] михайлович
» [15.02.2019] aleck1962
» [15.02.2019] maks4678596557
» [14.02.2019] rustam-badrutdinov
» [11.02.2019] ekaterinayuakovec
» [09.02.2019] amora617delpachi
» [09.02.2019] wrafalskiy

  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Скрипты для uCoz » Последние посещенные темы
Последние посещенные темы
Xemordio Online Дата: Воскресенье, 26.08.2018, 18:06 | Сообщение # 1
Администратор
Звание: Маршал [?]
Сообщений: 3240

Всем привет, сегодня у нас очередной полезный скрипт который позволит отображать посещенные темы юзером, как у нас :)

Функции:
1. Живая лента посещенных тем.
2. Подсчет количества просмотра темы.
3. Возможно указать лимит отображения тем в блоке.

Установка:
1. Идем > Страница материала и комментариев к нему (Нужного модуля) и добавляем html:
Код
<div style="display:none;" data-img="$SCREEN_URL$" data-title="$ENTRY_TITLE$" data-id="$ID$" id="lastnews$ID$" class="lastnews$ID$ lastnews"></div>

2. На этой же странице добавляем вывод (Для создания и парсинга тем (Можно оформить как блок, на это он и создан)):
Код
<div id="news-locale-save"></div>

Если блок вам не нужен на этой страницу скройте его добавив style="display:none;"

3. На этой же странице добавим js код:
Код
<script>
newsLastLoad = localStorage["newsLastSave"];
$('#news-locale-save').html(newsLastLoad);
newsLastImg = $('.lastnews').attr('data-img');
newsLastTitle = $('.lastnews').attr('data-title');
newsLastUrl = location.href;
newsLastId = $('.lastnews').attr('data-id');
dates = new Date();  
sDt = dates.getDate();  
sDm = dates.getMonth() +1;  
sDy = dates.getFullYear();
sTh = dates.getHours();
sTm = dates.getMinutes();  
if($('#news-locale-save div').hasClass("lastnews"+newsLastId)) {
newsLastView = $('#news-locale-save .lastnews'+newsLastId+' p').html();
newsLastView = Number(newsLastView)+Number(1);
$('#news-locale-save .lastnews'+newsLastId+' p').html(newsLastView);
$('#news-locale-save').prepend( $('#news-locale-save .lastnews'+newsLastId+'') );
} else {
newsLastLimit = $('#news-locale-save div').size();
if(newsLastLimit < 4) { } else { $('#news-locale-save div:last').remove(); };
$('#news-locale-save').prepend('<div id="lastnews'+newsLastId+'" class="lastnews'+newsLastId+'" onclick="location=\''+newsLastUrl+'\'"><img src="'+newsLastImg+'"><p title="Посещали">1</p><b>'+newsLastTitle+'</b><br><em>Посещено: '+sDt+'.'+sDm+'.'+sDy+' в '+sTh+':'+sTm+'</em></div>');
};
newsLastSave = $('#news-locale-save').html();
localStorage.removeItem("newsLastSave");
localStorage.setItem('newsLastSave', ''+ newsLastSave+'');
</script>

В скрипте находим newsLastLimit < 4 - Где 4 это число сохранения посещенных тем новостей.

4. Добавим базовое CSS:
Код
#news-locale-save img {
  width: 25px;
  height: 25px;
  border-radius: 10% 0px;
  vertical-align: middle;
  margin: 0px 10px 5px 0px;
}
#news-locale-save b {
  font-weight: normal;
  position: relative;
  top: -7px;
  text-transform: capitalize;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: 233px;
  display: inline-block;
}
#news-locale-save em {
  position: absolute;
  font-size: 9px;
  font-style: normal;
  margin: -18px 0px 0px 34px;
  color: #ccc;
}
#news-locale-save p {
  position: absolute;
  margin: -25px 0px 0px 280px;
  background: #e8e8e8;
  padding: 0px 3px;
  color: darkcyan;
  border-radius: 2px;
}

Вывод последних тем на любую страницу сайта:
1. Добавим html:
Код
<div id="news-locale-save"></div>

2. Добавим js:
Код
<script>if (localStorage["newsLastSave"] == undefined) { $('#news-locale-save').html("Вы еще не посещали новости"); } else { newsLastLoad = localStorage["newsLastSave"];
$('#news-locale-save').html(newsLastLoad); }</script>
Дата регистрации: 22.07.2017
Форум » Web-Раздел » Скрипты для uCoz » Последние посещенные темы
  • Страница 1 из 1
  • 1
Поиск:

18:52