Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Чат!! ? отображение информации как в чате / 7 сообщений из 7, страница 1 из 1
10.06.2013, 00:02
    #38291916
mrio_15
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Чат!! ? отображение информации как в чате
Давно мучаюсь над вопросом как сделать вывод сообщений как в чате

правильный список, но прокрученный до последнего.
А внизу ячейка для ввода.

Я это реализовал прокруткой js.

Да только при большом количестве сообщений не докручивает
останавливается на половине. Как будто не хватает времени для выполнения данной операции.

Подскажите кто знает как сделать красивый вывод чата.
...
Рейтинг: 0 / 0
10.06.2013, 00:12
    #38291922
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Чат!! ? отображение информации как в чате
mrio_15,

Код: javascript
1.
2.
        var height = $('#div-scroll')[0].scrollHeight;
        $('#div-scroll').scrollTop(height);



Вроде оно... Нет? :)
...
Рейтинг: 0 / 0
10.06.2013, 00:19
    #38291928
mrio_15
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Чат!! ? отображение информации как в чате
Програмёрmrio_15,

Код: javascript
1.
2.
        var height = $('#div-scroll')[0].scrollHeight;
        $('#div-scroll').scrollTop(height);



Вроде оно... Нет? :)



у меня как то так получилось
Код: javascript
1.
2.
3.
$(window).load(function() {
  $("#massege").animate({ scrollTop: $(document).height() } );
});
...
Рейтинг: 0 / 0
10.06.2013, 00:34
    #38291942
mrio_15
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Чат!! ? отображение информации как в чате
Програмёр,

var height = $('#div-scroll')[0].scrollHeight;
$('#div-scroll').scrollTop(height);

как то не сработало :(
...
Рейтинг: 0 / 0
10.06.2013, 18:44
    #38293122
mrio_15
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Чат!! ? отображение информации как в чате
Обратите внимание!
Кто знает как сделать вывод текста как в чате, подскажите пожалуйста.
Очень, очень нужно.
...
Рейтинг: 0 / 0
10.06.2013, 23:47
    #38293337
asws
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Чат!! ? отображение информации как в чате
mrio_15,

Судя по вашему коду: $(document).height() - у вас список сообщений чата прямо в body?
Если в диве с прокруткой, то надо брать высоту этого дива.

Вам нужно прочитать про встроенные методы obj.getComputedStyle() (obj.currentStyle() для старых ИЕ),
Получить высоту height, если вернётся значение "auto", то тогда уже проверять для кроссбраузерности так:
var my_height = (obj.offsetHeight > obj.scrollHeight) ? obj.offsetHeight : obj.scrollHeight;
Затем менять obj.scrollTop
------
где obj - ссылка на элемент со списком сообщений (например div или body - где там список у вас выводится)
...
Рейтинг: 0 / 0
10.06.2013, 23:58
    #38293342
asws
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Чат!! ? отображение информации как в чате
Поправка: возможно неверно указал синтаксис getComputedStyle (подзабыл, давно уже пользуюсь написанными функциями).
Вместо obj.getComputedStyle()
можно воспользоваться разными вариантами:
var my_height = window.getComputedStyle(obj,"").height;
var my_height = document.defaultView.getComputedStyle(obj, "").getPropertyValue('height');
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Чат!! ? отображение информации как в чате / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]