Показать сообщение отдельно
  #1 (permalink)  
Старый 21.04.2013, 00:50
Аспирант
Отправить личное сообщение для realstranger Посмотреть профиль Найти все сообщения от realstranger
 
Регистрация: 28.01.2011
Сообщений: 31

Плавное добавление элементов по тайм-ауту
Есть json вот такого вида:

{
    "weather": {
        "temp": {
            "min": "14",
            "max": "14"
        },
        "utime": 1366480800,
        "img": "w12",
        "valid": "2013-04-20T22:00:00"
    },
    "datetime": {
        "time": "00:43",
        "day": "сегодня"
    },
    "items": [{
        "text": "message1",
        "id": "111",
        "author": {
            "screen": "Name1",
            "avatar": "img1.jpg",
            "name": "Fio1"
        },
        "type": "rss",
        "datetime": {
            "time": "11:00",
            "day": "18 Апреля"
        }
    },
    {
        "text": "message2",
        "id": "222",
        "author": {
            "screen": "Name2",
            "avatar": "img2.jpg",
            "name": "Fio2"
        },
        "type": "tw",
        "datetime": {
            "time": "10:40",
            "day": "18 Апреля"
        }
    }]
}


В этот файл попадает по 6 последних сообщений, то есть длина items всегда 6. Сам файл обновляется моментально, в скрипте тайм-аут стоит 20 секунд.

Вопрос, как грамотно сделать обновление ленты, чтобы старые сообщения съезжали вниз, а новые появлялись сверху по fadeIn?

То есть первоначально нужна проверка и сравнение того, что есть уже, и того, что есть в файле. Перерисовывать весь блок не вариант.

Новые элементы, это li, которые пишутся prepend в определённый ul.

Куда копать?
Заранее, спасибо!
Ответить с цитированием