12.10.2015

Упрощаем чтение статей

Надоело обновлять страницу и искать новые сообщения? Есть решение!

UPD: Новое обсуждение вот тут. Теперь плагин доступен как расширение для chrome

Приветствую.

 

Лично мне было не совсем удобно читать блог по одной простой причине - новые сообщения могут появиться где угодно внутри топика, да к тому же приходилось обновлять страницу, что было не всегда удобно. Захотелось добавить, так сказать, немного интерактивности. Поэтому представляю вашему вниманию бета версию небольшого плагина, который упрощает мне чтение статей.

 

На данный момент у него 2 фунцкии - это автоподгрузка комментариев и сортировка сообщений, по дате добавления. Есть идеи на будущее - фильтрация (да, можно будет не читать сообщения особо назойливых), подсветка и отдельная выборка избранных (те кто дают дам дополнительные идеи для торговли, я думаю их все знают) и прочее. Я также с удовольствием выслушаю ваши идеи.

 

Итак, теперь самое главное, что же нужно сделать чтобы использовать чудо плагин.

 

Собственно говоря плагин, это просто js файл, который нужно подключить к сайту, сделать это можно разными способами и для разных браузеров, я опишу как это сделать для windows chrome.

 

1) Ставим плагин cjs - https://chrome.google.com/webstore/detail/custom-javascript-for-web/poakhlngfciodnhlhhgnaaelnpjljija

2) Загружаеем страницу http://v-levchenko

3) Нажимаем еа cjs, иконка которая появилась в правом верхнем углу браузера.

4) Нажимаем на синюю ссылку "your own external scripts "

5) Вводим - //www.obender.ru/js/levchenko.js

6) Жмем на save 2 раза

 

Теперь переходим на любую статью и видим внизу страницы 2 кнопки, пробуем на них нажать и видим результат.

 

Вот так это все выглядит - https://www.youtube.com/watch?v=3ALFj6T5ZIA&feature=youtu.be

 

Для других операционных систем и браузеров, нужно найти плагин который позволит интегрировать произвольный js файл для сайта запрос - " %your browser name% javascript injection"

 

С удовольствием жду обратной связи.

 

P.s. это бета версия плагина, так что могут быть баги.

57 комментариев
Пожаловаться

Авторизация

 
 
Забыли пароль?

У вас еще нет логина и пароля? Зарегистрироваться

Чтобы оставить комментарий к данной статье пожалуйста авторизуйтесь

ага, есть бага, в большой теме мне плагин при нажатии на сортировку вешает браузер.

Если больше 700 сообщений, то нужно подождать секунд 30 в хроме. Думаю в ближайшем будущем оптимизирую это. Сортровка далеко не совершенна )

дак жду, получаю сообщение что йок.

На самом деле - пусть админ протестит js-ку и если все ок - просто зальет на сайт.

не секьюрно это будет ) в эту js можно будет все что угодно вставлять, так что я думаю на это не пойдут, если тока целиком скопируют.

Огромное спасибо за реально сделанную полезную работу!

если будет версия для firefox, готов оттестить и отписать результаты.

с уважением!

https://addons.mozilla.org/ru/firefox/addon/greasemonkey/

Крайне не рекомендую ставить в браузер неизвестные плагины, даже если вам описывают их полезность. Потому что такой плагин может делать все что угодно, перехватывать пароли, отправлять их куда-то, и так далее. Потом не удивляйтесь, когда ваши деньги утекли в неизвестном направлении.

Согласен с вами, но в данном случае jsка максимум пароль от сайта v-levchenko.ru сможет утянуть. greasemonkey довольно известный плагин, но шибко навороченный, поэтому я остановился на более простом варианте cjs

А вообще, имхо, было бы круто если бы нативно добавили подобный функционал, на серверной части больше свободы действия )

Можно добавить подобный функционал, проблемы нет.

Спасибо

Есть какие-то движения по функционалу? В моем скрипте почти все готово, адаптируйте его под себя.

Миниобновление:
- проигрывание звука при новых сообщениях
- подсветка сообщений от избранных пользователей.

Добавлена навигация по новым комментариям

Спасибо за скрипт!
Сделал несколько изменений:
- не работал, если впервые открываешь страницу и нет hash в url
- скрываю комментарии из popup при нажатии на них
- не подгружаю комментарий в popup, если уже есть такой (были дубли)
https://jsfiddle.net/z5n7okme/

завтра погляжу и внесу изменения, аккурат сегодня отрефакторил код

Spellik, спасибо за очень нужные улучшения. Жаль что у меня ни на одном компе (Chrom под Windows 7 и 8) не работает((

А чего не работает? Под хром должно работать. Вы не видите кнопок, которые добавляются?

Да, не появляются кнопки. Сейчас попробовал непосредственно сам код вставить в первое окно (кот.появляется при нажатии "cjs"), заработало. Только текст на кнопках непонятной кодировки. Но уже то, что можно вписать в код пользователей, комментарии кот.подсвечиваются, огромный плюс. Еще раз спасибо!

(Извиняюсь, листал страницу, нечаянно минус под вашим сообщ. нажался).
Т.е. не подгружался внешний скрипт, выходит.

Ну и отлично, что все заработало. Лучше все же подключать через external script и ссылку, а то следующие обновления не прилетят

Обновление:
- Полный рефакторинг кода
- Скрытие комментариев из всплывающего окна, при их просмотре
- Подсветка новых комментариев при автообновление
- Подсветка сообщений от избранных пользователей при автообновлении

также исправлена ошибка с задвоенным появлением сообщений в всплывающем окне.

А где взять плагин под Яндекс браузер? Дайте пожалуйста ссылку.

Яндекс браузер это тот же гугл хром, так что ставите https://chrome.google.com/webstore/detail/custom-javascript-for-web/poakhlngfciodnhlhhgnaaelnpjljija и дальше по инструкции из топика

Вставлю свои 5 копеек: https://jsfiddle.net/Lvghadpy/

Переработана функция sortMessage() так, что стала работать сильно быстрее за счёт минимизации кол-ва операций над DOM.

Возможно, аккордеон (его инициализация очень прожорлива) из jQuery UI (и саму библиотеку) можно заменить другой (например, Bootstrap).

Немного не доглядел. Вот поправленное: https://jsfiddle.net/Lvghadpy/1/

Спасибо. Потестирую и вставлю в основной код. Бутстрап сильно верстку основного сайта поменяет, не хотелось морочиться )

Подрихтовал чуток код и вставил его в основной код. За 1 секунду теперь справляется с сортировкой 500 комментов.

Не работает... Может скриншоты сюда?

Да, было бы не плохо.
Также попробуй подключить скрипт и для домена с www, мне кажется все таки проблема в этом.
Хром я так понимаю под МакОсь?

Да

http://savepic.ru/8568178.png

http://savepic.ru/8555890.png

Понятно.
Нажмите на "your own internal scripts" и вставьте ссылку туда.
Я же ввидео показывал

Не работает... Все делаю как на видео

Адрес js файла еще не верный указан www.obender.ru/js/www.levchenko.js
правильно вот так - www.obender.ru/js/levchenko.js

http://savepic.ru/8528009.png вот еще посмотри пожалуйста. не помогает...

Ссылка вставлена не туда!
Нужно нажать на "your own external scripts" и вставить ссылку туда.

https://www.youtube.com/watch?v=Ym16lL7kk9w

хмм... пришли контакт какой-нибудь для связи ICQ, SKYPE, Hangouts

Заработало! Спасибо

Что-то еще сделали? Или оно само по себе?

Обновление:
- Добавлена "быстронавигация", возможность быстро переходить, между сообщениями определенного пользователя. Избранные пользователи подсвечиваются
- Добавлена возможность скрывать все комментарии пользователя на странице
- Немного поменялись цвета

Спасибо! Так гораздо удобней, чем Ctrl+F. Еще бы комментарии отдельных пользователей скрывать ... Огромное спасибо за вашу работу.

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

Для сафари установка через http://8-p.info/greasekit/

Читаю и диву даюсь!
И все эти танцы с бубном только из за того, что у одних, простите,вода в жопе не держится печатают всякую херь не относящуюся к теме статьи, а другие не в состоянии сделать элементарного!!! добавить возможность в настройку профиля скрывать/выделять конкретного участника.

Про Сафари не знаю насколько там танцы с бубном. И основная фишка плагина не скрытие комментов, а автоподгрузка свежих и навигация по ним

Мини обновление, добавилась иконка во время Ajax запросов, чтобы можно было понимать, есть активность или нет.

2016-02-26 23:33:58
ISJL Эксперт Лишен права комментировать

Автору статьи, СПАСИБ !!!

Скоро будут плагины под сафари и хром, тогда установка сильно упростится

А у меня работало, работало ваше расширение - так удобно было .... около месяца - а сегодня перестало работать. и я пытался и заново перенастраивать, и удалить сjs и заново поставить и на гугл хроме пробовал и даже яндекс браузер установил ... и все равно не работает ... что делать теперь?

А у меня работало, работало ваше расширение - так удобно было .... около месяца - а сегодня перестало работать. и я пытался и заново перенастраивать, и удалить сjs и заново поставить и на гугл хроме пробовал и даже яндекс браузер установил ... и все равно не работает ... что делать теперь?

уже заработало

Были с хостингом проблемы