Ajax комментарии
Всех поздравляю с наступившим 2009 годом! :)
За первые праздничные дни набросал тестовую версию ajax комментариев. Теперь для добавления коммента и обновления дерева не нужно перезагружать страницу.
Пощупать новинку можно, например, по этому адресу — Так же там работает новый механизм голосования за комменты.
Просьба потестировать новые комменты с голосованием и сообщать о всех багах. БД на сайте new.livestreet.ru используется та же, что и на livestreet.ru
ЗЫ Отдельное спасибо хочу сказать за быструю верстку этой страницы.
За первые праздничные дни набросал тестовую версию ajax комментариев. Теперь для добавления коммента и обновления дерева не нужно перезагружать страницу.
Пощупать новинку можно, например, по этому адресу — Так же там работает новый механизм голосования за комменты.
Просьба потестировать новые комменты с голосованием и сообщать о всех багах. БД на сайте new.livestreet.ru используется та же, что и на livestreet.ru
ЗЫ Отдельное спасибо хочу сказать за быструю верстку этой страницы.
142 комментария
*чтобы можно было портировать на ветку 0.2(как сделаем выложу)
перед отправкой формы выдели текст на странице и потом нажми отправить коммент. + в УРЛ не должен якорь при аяксе подставляться
это было первое ощущение, которое потом прошло… но все же
Мне даже дали коммент написать, правда потом пришло сообщение, что надо авторизоваться.
PS: Всем с наступившем — много интересного будет в этом году, попкорн запасайте :-D
Так видел в других местах и так удобнее, имхо. А отступ лучше все-таки сделать, будет вообще супер, а то малехо сливаются.
«плюсик» — это добавление в социальные закладки топика, при нажатии будет виден список сервисов социальных закладок. Надеюсь эту функцию реализуют :)
«штекер» — это стандартная иконка для подключения к блогу
т.е. если глянул — значит прочитал.)
а новые — держать развернутыми…
Мне кажется, что вариант как свернутый (посмотрите на примере сети Профессионалы — очень напрягает), так и развернутый оба плохи. Здесь нужно некую золотую середину найти. Может сворачивать комментарии начиная с третьего уровня допустим? Это и общий смысл ветки позволит уловить и разгрузит визуально все комментарии.
Опять же, если совсем другим путем пойти, то зачем весь этот сыр бор для сворачиваний делается в первую очередь? Мне кажется самая большая проблема — найти откуда ноги растут (или другими словами предка) у того или иного комментария, так? На хабре для этого сделаны совсем непотребные стрелочки, где-то сворачивания делают и т.д. А может попробовать ввести некую динамику в это дело? Я вот чего придумал:
При наведении на коммент (или нажитии кнопки какой-то, хотя наведение мне больше нравится) можно выводить полупрозрачный блок чуть выше с сообщением на которое отвечали (то есть текст коммента-предка). Текст изначально сокращен. Затем при наведении мыши на него он становится полностью видимым и выводится полный текст (со скроллингом для длинных сообщений). При этом грузить ничего не нужно, все делается на клиенте через JS.
Такой вариант может очень существенно увеличить удобство работы с комментариями и уменьшит давление на колесо мыши.
Нюанс в том, что коммент по смыслу может быть и не связан с предком (первоначальным комментом), а относится к другому ответу, тогда выпадающее окошко с предком вряд ли о чем то скажет. Но идея все равно удачная, возьму на заметку ;)
я захожу в тему. там 10 комментов.их них у каждогого 10 веток. к прмиеру.
я первый раз зашел в тему — они все развернуты.в базе к примеру (или в куках, где хотите). поставилась заметка «ага, эта ветка прочитана/отобразилась один раз».
когда я во второй раз захожу в топик, где еще новых 10 комментов с 10 ветками, то первые 10 (которые я по сути уже читал) — свернуты.
а новые 10, которые мною не читаны — развернуты. и не надо ниче сворачивать самому…
из минусов — в базе дофига всего хранить… брююю
как вариант можно сделать пимпы: свернуть все и развернуть все
скинь скрин своей мелкоты
Всё замечательно с Ливстритом. Но есть кое что, без чего индексация сайта ПС слегка притормаживает. Нужен sitemap.xml причём и для Google и для Yandex-a очень нужен.
так что с точки зрения экономии ресурсов более рационально просто еще один запрос сделать к БД за комментами, чем повторно делать все с начала ради одного запроса.
Заранее предвижу вопрос про отсутствие таких событий. Мы запустили сайт внутри сети в январе. На сайте сидит больше 500 человек одновременно. Постов, опросов и коллективных блогов создана уже куча. И вот там такой аякс оправдан.
(ЗЫ: Кстати ort движок с нагрузкой справляется на ура 10% процессора апачь и иногда до90% мускуль, но кратковременно пик проскакивает. Так что движок c БД работает не по детски круто)
и на счет кеширования надо попробовать разбить большие запросы с джойнами на тупые отдельные подзапросы и кешировать сущности отдельно, а не всю пачку сразу. Возможно будет еще больший выигрыш, хотя это нужно экспериментировать
это, кстати, позволяет в данных блоках вообще отказаться от подключения обработчиков блоков в Смарти, если речь зашла о ресурсах :)
добавление important в «top: 220px !important;» класса .update решило проблему, но я не знаю правильно ли так делать или нет
это повторялось в течении пары дней, я сразу не написал, мало ли разработка, а сегодня посмотрел во всех остальных браузерах, там все нормально было, а вот в хроме падало, решил все же написать :)
а может дать им провернуться хотя бы кружок? ну или как-нибуть по другому, чтоб отклик от кнопки был при нажатии
Проверка работи скрипта…
<code>var offsetX=0; //для скролла в центр //offsetX=-window.getSize().y/2; docScroller.setOptions({ duration:500, offset: { 'x': 0, 'y': offsetX } });</code>И еще такой момент, когда добавляешь новый комментарий по ajax, спорно, что все остальные сразу делаются прочитанными. Ведь я могу ответить на первый попавшийся комментарий, не прочитав ни одного нового ниже, потом фиг поймешь какие из них были новые, не даты же добавления читать. Я бы отмечал комментарии прочитанными только при обновлении страницы, а не при добавлении комментария.
А вы что, заботитесь о том одном проценте(думаю, даже меньше) у которого отключен JS? Аякс это удобно и красиво, без аяксовых фишек конкретно LS потеряет много своих фишек — если бы было хотя бы соотношение 70/30 а не 99/1, то может быть и стоило бы под 30% без яваскрипта что-то делать. А при сегодняшнем раскладе это не нужно.
/incude/ajax/ смотрели? Весь этот функционал используется для добавления комментов/голосов и еще кучи всего, его надо распихать тогда по новой логике. Запаритесь — я вам говорю. Да и не нужно это 100%.