AJAX подгрузка контента в DLE 9.х [n0navigate v2]

18-06-2012, 12:12 n0wheremany Комментарии (28) Просмотры (24412)

Все встречали навигацию комментариев, новостей в социальных сетях, таких как ВКонтакте, Фейсбук и тп. так называемая Infinite Scroll. Мне понравилась такая ненавязчивая погрузка контента по прокручиванию скролла в браузере. Многим известно, что в ДЛЕ появилась AJAX навигация комментариев с 9.4 версии, но её реализация не вызвало у меня каких то положительных эмоций и я попробовал сделать аналогичную, как в контакте, навигацию.

Возможности:
- Красивая и удобная AJAX навигация комментариев на странице с полной новостью, коротких новостей
- При прокрутке скролла браузера подгружаются комментарии/новости либо при нажатии кнопки - Показать ещё

Ограничения:
- только для ДЛЕ 9.х
- пока нету навигации новостей на странице результатов поиска
- так же нету навигации комментариев на странице всех комментариев

Требования:
- сортировка от нового к старому, ибо сайт может превратиться в такое

Поддержка браузеров:
- Internet Explorer 6.0+
- Mozilla Firefox 1.0+
- Safari 1.3+
- Opera 9.5+
- Chrome 1.0+
- Camino 1.0+

Демо:
- комменты - во всех новостях
- новости - Последние новости

68
1
2
3
4
5

Распечатать

Скачать

Как получить обновление?

Другие новости по теме

Уважаемый посетитель

Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Коментарии

#8 18 февраля 2012 21:42 n0wheremany

К сожалению занят другими проектами.
Скоро появится )

--------------------

Skype: n0wheremany
Mail: nowheremany[ сабака ]rambler.ru

Публикаций: 69 Комментариев: 755 [ цитировать ]

#7 18 февраля 2012 21:09 kordon

Когда же уже появится такая же навигация для постов??? Устали ждать...
А то уже наверно в след релизе dle это будет стандартной функцией.... :(

Публикаций: 0 Комментариев: 12 [ цитировать ]

#6 24 января 2012 20:55 n0wheremany

Это не от этого хака ))) а от AJAX навигации, которая прокручивает страницу вверх, а вы её пытаетесь опустить ))) возникает такая непонятка.

Зы Спасибо за тестирование

--------------------

Skype: n0wheremany
Mail: nowheremany[ сабака ]rambler.ru

Публикаций: 69 Комментариев: 755 [ цитировать ]

#5 24 января 2012 20:29 LonerD

Проверил Опера 11.51 и несколько версий Оперы 12.00, везде эффект один.
Вот - видеодемонстрация. На видео может не всё так заметно из-за 10fps, но общая суть глюка наглядно продемонстрирована, в реале он выглядит ещё неприятней.
http://rghost.ru/private/36088989/7b4f171b75f320f8658ecd2853f123e0
Что я делаю на видео - открываю новость и пытаюсь её прокрутить вниз до конца колёсиком мыши. Только вниз. Однако легко увидеть, что происходит со страницей на самом деле и как она самопроизвольно дёргается вверх-вниз. Также видно, что кака происходит с цветами - справа и слева от шапки появляются зелёно-розовые полосы.

Если сидеть-ждать когда страница загрузится полностью и только после этого прокручивать её - тогда страница прокручивается плавно, хотя лишние цвета вверху всё-равно появляются. Но это не дело - приказать всем пользователям сидеть и ждать на каждой странице.

Если это имеет значение - настройки прокрутки в мышке:
http://rghost.ru/36089564
Подобный эффект наблюдаю скорее всего впервые, во всяком случае не припомню чтобы такое где-то видел, так что на "глюки" моей мыши и колёсика уж никак не списать.

Публикаций: 0 Комментариев: 6 [ цитировать ]

#4 24 января 2012 17:07 n0wheremany

Опера 11.01 - Все нормально, без каких либо глюков
Опера 11.61 - Все нормально, без каких либо глюков

--------------------

Skype: n0wheremany
Mail: nowheremany[ сабака ]rambler.ru

Публикаций: 69 Комментариев: 755 [ цитировать ]

#3 24 января 2012 16:50 LonerD

Идея замечательная. Но до релиза стоит уделить внимание оптимизации.
Опера 11-12 + шустрая мышь = очень неприятная навигация по данному сайту в нынешний момент.
Открываем страницу, тут же начинаем её быстро прокручивать вниз. Верх страницы начинает сильно дёргаться. Плюс при прокрутке верх страницы (особенно заметно слева и справа от шапки) - превращается в цветные неровные полосы.
Потом, когда страница догрузится, при прокрутке дёргание отсутствует (но каждый раз дожидаться полной загрузки - бред); однако баг с расползанием верхней части сайта на цветные полосы остаётся, хотя выражен уже не так сильно.

Публикаций: 0 Комментариев: 6 [ цитировать ]

#2 13 января 2012 15:56 n0wheremany

Оно ещё в разработке... я и планировал новости тоже прокручивать.

--------------------

Skype: n0wheremany
Mail: nowheremany[ сабака ]rambler.ru

Публикаций: 69 Комментариев: 755 [ цитировать ]

#1 13 января 2012 14:57 Mr. Hyde

Надо было и сновостями такое чудо сделать... Раз начал у вк идеи брать

Публикаций: 0 Комментариев: 5 [ цитировать ]

Блог n0wheremany