Живая лента для uCoz
Представляем вам долгожданный скрипт "Лента активности" для системы uCoz. Все нужные информеры обрамляются в элемент #feed, затем попадают в массив, после чего распознается дата того или иного действия, и идет сортировка элементов массива. В итоге действия идут по порядку.
Автор идеи: COBA95
Автор скрипта: Goodmind
Автор идеи: COBA95
Автор скрипта: Goodmind
Установка скрипта
1. Создаем необходимые информеры. Шаблон информера может быть любой, самое главное - весь шаблон должен обрамлять тег с классом "feed-item", а дата и время должны быть обрамлены с тег с классом "feed-date". Пример:Код
<div class="feed-item">
<span class="feed-date">$DATE$ в $TIME$</span>
<a href="$PROFILE_URL$">$USERNAME$</a> добавил новость "<a href="$ENTRY_URL$">$TITLE$</a>"
</div>
<span class="feed-date">$DATE$ в $TIME$</span>
<a href="$PROFILE_URL$">$USERNAME$</a> добавил новость "<a href="$ENTRY_URL$">$TITLE$</a>"
</div>
Код
<div id="feed">
$MYINF_1$
$MYINF_2$
$MYINF_3$
$MYINF_4$
</div>
<script type="text/javascript">
function parseDate(input) {
var parts = input.match(/(\d+)/g);
return new Date(parts[2],parts[1]-1,parts[0],parts[3]-1,parts[4]-1,Math.random()).getTime();
}
$(document).ready(function() {
var elems = $.makeArray($('#feed .feed-item'));
elems.sort(function(a, b) {
if (parseDate($(a).find('.feed-date').text()) > parseDate($(b).find('.feed-date').text())) return -1;
if (parseDate($(a).find('.feed-date').text()) < parseDate($(b).find('.feed-date').text())) return 1;
return 0;
});
$('#feed').html(elems);
});
</script>
$MYINF_1$
$MYINF_2$
$MYINF_3$
$MYINF_4$
</div>
<script type="text/javascript">
function parseDate(input) {
var parts = input.match(/(\d+)/g);
return new Date(parts[2],parts[1]-1,parts[0],parts[3]-1,parts[4]-1,Math.random()).getTime();
}
$(document).ready(function() {
var elems = $.makeArray($('#feed .feed-item'));
elems.sort(function(a, b) {
if (parseDate($(a).find('.feed-date').text()) > parseDate($(b).find('.feed-date').text())) return -1;
if (parseDate($(a).find('.feed-date').text()) < parseDate($(b).find('.feed-date').text())) return 1;
return 0;
});
$('#feed').html(elems);
});
</script>
3. Стили настраиваем по вкусу. Мой вариант:
Код
.feed-item {background:#f7f7f7;font:12px Arial,sans-serif;color:#409dcd;margin:5px 0;padding:10px;}
.feed-date {float:right;}
.feed-item a {color:#409dcd;text-decoration:none;font-weight:700;}
.feed-item:hover {background:#409dcd;color:#fff;padding-left:20px;}
.feed-item:hover a {color:#fff;}
.feed-date {float:right;}
.feed-item a {color:#409dcd;text-decoration:none;font-weight:700;}
.feed-item:hover {background:#409dcd;color:#fff;padding-left:20px;}
.feed-item:hover a {color:#fff;}
Обо всех ошибках и недочетах в работе скрипта просьба писать в комментарии.
Мне нравится 41
Просмотры: 6751 · Комментарии: 22 · Добавил: Kelin · Категория: Прочие скрипты
До этого работало нормально все
Другое демо
А скрипт вроде как не доведен до конца ну или я непонял как его настроить)