Как сохранять пропорции?

Question

[Владислав Дмитрук]

Здравствуйте.
Собственно в чем вопрос:
У меня есть чат, на AJAX - e, каждые 5 секунд идет запрос к серверу, из возвращаемых данных вставляется html блок (с сообщением), дело в том что если не обновлять страницу некоторое время она достигнет жутких размеров, как контролировать количество блоков с сообщениями ?

Answer 1

[Алексей]

После получения каждого сообщение проверяйте текущее количество сообщений в чате.... если оно превышает N количество сообщений - скрывайте или удаляйте первое

success: function(data){
   $('#chat').append(data);
   count_messages++;
   if(count_messages > 100){
    $('#chat > div.message:first-child').remove();
  }
}

Comments

[Владислав Дмитрук]

можно пример кода ? если вас не затруднит..

[Владислав Дмитрук]

Странно, почему то first:child не работает, удаляет все блоки.

[Алексей]

Владислав Дмитрук: покажите код... first-child пишется через тире

[Владислав Дмитрук]

Евгений: $('#chat ul.comment:first-child')

[Алексей]

у вас каждое сообщение находится в отдельном <ul>?

[Алексей]

Если все-таки каждое в своем <li>, то нужно писать так: $('#chat ul.comment>li:first-child')

Answer 2

[lem_prod]

можете написать условие, что при достижении определенного количества сообщений, блоки будут удаляться, или можно поиграться с css и сделать прокрутку внутри блока, как в ВК чат, что вы вся страница не росла...

и "AJAX - e, каждые 5 секунд идет запрос к серверу" это вообще не очень хорошо, делайте либо long-request либо на websocket
второй лучше

Answer 3

[ThunderCat]

overflow : hidden? и внутрь уже див с вертикал алигн боттом.