Всплывающая панель смайликов - Программное обеспечение - Форум - Клавогонки

Маньяк

2

скрытый текст…

Этот скрипт позволяет пользоваться абсолютно всеми доступными смайликами на клавогонках, которых нет в панели смайликов чата и тем более нет данной панели на форуме.

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

Всплывающее окно со смайликами может открыться двумя способами:
1. По двойному клику левой кнопкой мыши по полю где вы будете вводить текст или смайлик с зажатым Shift.
2. По сочетанию клавиш Ctrl + ; (не имеет значения какая у вас текущая раскладка)

Скрывается окно тремя способами:
1. По двойному клику левой кнопкой мыши по окну всплывающей панели со смайликами (не на кнопки).
2. По клавише ESC
3. По нажатию на кнопку с крестиком (привычное закрытие всех окон).

В панели представлены категории смайликов, между которыми вы можете переключаться обычным кликом левой мыши (одним).
Панель запоминает последнюю выбранную категорию при следующем открытии панели.
При нажатии на одну из кнопок выбранного смайлика, у вас автоматически скрывается панель.
Если же вы хотите отправить больше смайликов, то вам нужно удерживать клавишу Ctrl и одним кликом нажимать на нужные и отпустив клавишу Ctrl также можете нажать на ещё один смайлик и панель закроется.
Это можно уже назвать 4 способом закрытия панели, но больше автоматизированный.

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

У вас должно быть установлено расширение Tampermonkey, а затем скачиваете скрипт.
Скачать

Обновления

скрытый текст…

Презентационная версия 0.1

Обновлено до версии 0.2

1. Вместо Ctrl + двойной клик левой кнопки мыши, панель открывается по Shift + двойной клик левой кнопки мыши.
2. Добавлена кнопка закрытия панели (двойной клик по панели для закрытия остаётся в силе)
3. Теперь можно вставлять смайлики в сообщениях профиля, но правда вызывается панель только по сочетанию горячих клавиш
Ctrl + ;
По двойному клику по полю для ввода пока не получается сделать. (Не прикрепляется событие).
4. Вместо текстовых надписей на кнопках категорий отображаются иконки emoji.

Обновлено до версии 0.3

1. Заработало сочетание горячих клавиш Shift + двойной клик левой кнопкой мыши по полю для ввода текста в личных сообщениях профиля. Ура!

Обновлено до версии 0.4

1. Добавлена возможность переключаться между категориями по клавише Tab.
2. Положение панели теперь фиксированное относительно верхнего края браузерного вьюпорта.
Это сделано для того, чтобы панель не прыгала в зависимости от количества смайликов в контейнере,
при переключении между категориями. Теперь намного удобнее клацать по кнопкам категорий
без необходимости переводить курсор вниз вверх, что немного раздражало.
3. Панель теперь имеет минимальную фиксированную ширину, чтобы не ломалась компоновка
(чтобы кнопка закрытия панели не перекрывала крайную правую кнопку категории).
4. Технический нюанс (оптимизация). Теперь eventListener на переключении между вкладками по Tab
добавляется на момент создания панели и прикрепляется к document, а после удаления панели
этот самый event удаляется посредством removeEventListener. Это нивелирует количество отслеживаемых
нажатий, что значительно повысит производительность всецело.
5. Также теперь можно отправлять смайлики в профильном поле для прямых соообщений. Раньше было только в сохранённых.

Обновлено до версии 0.5

1. Был произведён лёгкий фикс . Скорее фикс уже сделанного в версии 0.4.
Проблема заключалась в том, что нельзя было вызывать панель через двойной клик с зажатым шифтом во всех сохранённых личных сообщениях,
так как евент прикреплялся к одному элементу и после динамического обновления страницы тут же убивался.
Также была невозможность вставки смайликов в другие вызыванные поля для ввода даже если сама панель вызывалась
сочетанием горячих клавиш. Опять же из-за слёта всего необходимого.
Теперь такой проблемы нет. Пришлось извернуться немного, чтобы это исправить.

2. Добавлена возможность показывать и скрывать панель по сочетанию клавиш Ctrl + ; (Toggle style).
Раньше этим сочетанием клавиш панель показывалась, но не скрывалась. Теперь ещё и скрывается.

Обновлено до версии 0.6

1. Решена проблема с невозможностью встраивать смайлики в абсолютно любые поля для ввода в бортжурнале (записях и комментариях к ним).
Теперь можно всё.

2. Произведён рефакторинг кода для улучшения читабельности и масштабируемости по необходимости.

Обновлено до версии 0.7

1. Добавлена изначально неактивня кнопка категории "Избранные" (Favourites).
В неё можно добавить часто используемые смайлики.
Добавляются они кликом по кнопкам из стандартных категорией с зажатой клавишей Shift.
Удаляются они из категории избранные также с зажатой клавишей Shift.
Чтобы удалить все избранные разом, то нужно с зажатой клавишей Shift кликнуть по кнопке категории "Избранные".
Все избранные смайлики в стандартных категориях подсвечиваются разностной контрастностью для понимания какие были добавлены в категорию избранные не заходя в саму категорию избранные.
После удаления всех избранных смайликов, панель переключается на последнюю активную категорию до этого (на шаг назад).

Последний раз отредактировано 24 декабря 2023 в 02:20 пользователем Душа_Чата

[hide]Вид на светлом фоне
[img]https://i.imgur.com/PfT626C.jpeg[/img]

Вид на тёмном фоне
[img]https://i.imgur.com/DiqAWY3.jpeg[/img][/hide]

Этот скрипт позволяет пользоваться абсолютно всеми доступными смайликами на клавогонках, которых нет в панели смайликов чата и тем более нет данной панели на форуме.

Здесь же есть возможность воспользоваться ими как [color="#FF0000"]в главном чате[/color], [color="#FF0000"]в чате заезда,[/color] [color="#FF0000"]на форуме[/color] в главном блоке, где вы начинаете писать свой комментарий и в блоке редактирования вашего комментария, а так-же [color="#FF0000"]в профиле[/color] в личных сообщениях.

Всплывающее окно со смайликами может открыться двумя способами:
1. По двойному клику левой кнопкой мыши по полю где вы будете вводить текст или смайлик с зажатым Shift.
2. По сочетанию клавиш Ctrl + ; (не имеет значения какая у вас текущая раскладка)

Скрывается окно тремя способами:
1. По двойному клику левой кнопкой мыши по окну всплывающей панели со смайликами (не на кнопки).
2. По клавише ESC
3. По нажатию на кнопку с крестиком (привычное закрытие всех окон).

В панели представлены категории смайликов, между которыми вы можете переключаться обычным кликом левой мыши (одним).
Панель запоминает последнюю выбранную категорию при следующем открытии панели.
При нажатии на одну из кнопок выбранного смайлика, у вас автоматически скрывается панель.
Если же вы хотите отправить больше смайликов, то вам нужно удерживать клавишу Ctrl и одним кликом нажимать на нужные и отпустив клавишу Ctrl также можете нажать на ещё один смайлик и панель закроется.
Это можно уже назвать 4 способом закрытия панели, но больше автоматизированный.

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

У вас должно быть установлено расширение Tampermonkey, а затем скачиваете скрипт.
[url="https://greasyfork.org/scripts/476005-kg-full-emoticons/code/KG_Full_Emoticons.user.js"]Скачать[/url]

Обновления
[hide][b]Презентационная версия 0.1[/b]

[b]Обновлено до версии 0.2[/b]

1. Вместо Ctrl + двойной клик левой кнопки мыши, панель открывается по Shift + двойной клик левой кнопки мыши.
2. Добавлена кнопка закрытия панели (двойной клик по панели для закрытия остаётся в силе)
3. Теперь можно вставлять смайлики в сообщениях профиля, но правда вызывается панель только по сочетанию горячих клавиш
Ctrl + ;
По двойному клику по полю для ввода пока не получается сделать. (Не прикрепляется событие).
4. Вместо текстовых надписей на кнопках категорий отображаются иконки emoji.

[b]Обновлено до версии 0.3[/b]

1. Заработало сочетание горячих клавиш Shift + двойной клик левой кнопкой мыши по полю для ввода текста в личных сообщениях профиля. Ура!

[b]Обновлено до версии 0.4[/b]

1. Добавлена возможность переключаться между категориями по клавише Tab.
2. Положение панели теперь фиксированное относительно верхнего края браузерного вьюпорта.
Это сделано для того, чтобы панель не прыгала в зависимости от количества смайликов в контейнере,
при переключении между категориями. Теперь намного удобнее клацать по кнопкам категорий
без необходимости переводить курсор вниз вверх, что немного раздражало.
3. Панель теперь имеет минимальную фиксированную ширину, чтобы не ломалась компоновка
(чтобы кнопка закрытия панели не перекрывала крайную правую кнопку категории).
4. Технический нюанс (оптимизация). Теперь eventListener на переключении между вкладками по Tab
добавляется на момент создания панели и прикрепляется к document, а после удаления панели
этот самый event удаляется посредством removeEventListener. Это нивелирует количество отслеживаемых
нажатий, что значительно повысит производительность всецело.
5. Также теперь можно отправлять смайлики в профильном поле для прямых соообщений. Раньше было только в сохранённых.

[b]Обновлено до версии 0.5[/b]

1. Был произведён лёгкий фикс . Скорее фикс уже сделанного в версии 0.4.
Проблема заключалась в том, что нельзя было вызывать панель через двойной клик с зажатым шифтом во всех сохранённых личных сообщениях,
так как евент прикреплялся к одному элементу и после динамического обновления страницы тут же убивался.
Также была невозможность вставки смайликов в другие вызыванные поля для ввода даже если сама панель вызывалась
сочетанием горячих клавиш. Опять же из-за слёта всего необходимого.
Теперь такой проблемы нет. Пришлось извернуться немного, чтобы это исправить.

2. Добавлена возможность показывать и скрывать панель по сочетанию клавиш Ctrl + ; (Toggle style).
Раньше этим сочетанием клавиш панель показывалась, но не скрывалась. Теперь ещё и скрывается.

[b]Обновлено до версии 0.6[/b]

1. Решена проблема с невозможностью встраивать смайлики в абсолютно любые поля для ввода в бортжурнале (записях и комментариях к ним).
Теперь можно всё.

2. Произведён рефакторинг кода для улучшения читабельности и масштабируемости по необходимости.

[b]Обновлено до версии 0.7[/b]

1. Добавлена изначально неактивня кнопка категории "Избранные" (Favourites).
В неё можно добавить часто используемые смайлики.
Добавляются они кликом по кнопкам из стандартных категорией с зажатой клавишей Shift.
Удаляются они из категории избранные также с зажатой клавишей Shift.
Чтобы удалить все избранные разом, то нужно с зажатой клавишей Shift кликнуть по кнопке категории "Избранные".
Все избранные смайлики в стандартных категориях подсвечиваются разностной контрастностью для понимания какие были добавлены в категорию избранные не заходя в саму категорию избранные.
После удаления всех избранных смайликов, панель переключается на последнюю активную категорию до этого (на шаг назад).[/hide]

Новичок

1

Судя по всему шикарный скрипт, то чего так долго не хватало - будем использовать. И т.к. эта тема рискует стать главной по смайликам, то напомню ещё парочку связанных с ними же: Смайлики в почте - решение проблемы и большой гайд по смайлам Смайлы Клавогонок и не только.
Между прочим, многие старожилы форума знают (выучили) названия многих смайликов и печатают их без всяких картинок (

= :ok: ) и видя такую большую матрицу со всеми смайлами как на скриншотах, сразу возникают идеи режима, где игроку показывается подобная сетка со случайными смайлами, а он должен печатать только их правильные названия. Тем не менее, спасибо за проделанную работу, данный скрипт нужно закрепить на самом видном-верхнем месте - т.к. расширение базы смайликов на КГ это самое главное и единственное достижение Даниэля как разработчика, и безусловно, ему будет приятно, что его детище развивается с помощью скриптов от неравнодушных пользователей!

Судя по всему шикарный скрипт, то чего так долго не хватало - будем использовать. И т.к. эта тема рискует стать главной по смайликам, то напомню ещё парочку связанных с ними же: [url="https://klavogonki.ru/forum/software/50/"]Смайлики в почте - решение проблемы[/url] и большой гайд по смайлам [url="https://klavogonki.ru/forum/flood/34871/"]Смайлы Клавогонок и не только[/url].
Между прочим, многие старожилы форума знают (выучили) названия многих смайликов и печатают их без всяких картинок ( [img]https://klavogonki.ru/img/smilies/ok.gif[/img] = :ok: ) и видя такую большую матрицу со всеми смайлами как на скриншотах, сразу возникают идеи режима, где игроку показывается подобная сетка со случайными смайлами, а он должен печатать только их правильные названия. Тем не менее, спасибо за проделанную работу, данный скрипт нужно закрепить на самом видном-верхнем месте - т.к. расширение базы смайликов на КГ это самое главное и единственное достижение Даниэля как разработчика, и безусловно, ему будет приятно, что его детище развивается с помощью скриптов от неравнодушных пользователей!

Клавокодер

120

Без негатива, просто мысли вслух, возможно критические:

Душа_Чата писал(а):

Всплывающее окно со смайликами может открыться двумя способами:
1. По двойному клику левой кнопкой мыши по полю где вы будете вводить текст или смайлик

По дабл-клику − не самая удачная идея, ведь дабл-клик в поле ввода − это выделение слова. Некоторые пользуются этим делом.

Душа_Чата писал(а):

Скрывается окно тремя способами:

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

Ещё иногда возникают непонятки: смайлы или выглядят мыльно (похоже они как-то рескейлятся неправильно), а иногда − вылазят за пределы своих плейсхолдеров. Возможно это конфликты с другими моими стилями, надо бы уточнить.

Супермен

37

Не работает.
Заработало.

Последний раз отредактировано 24 сентября 2023 в 15:12 пользователем Вова_10

Супермен

37

Но желательно бы сделать чтобы также можно было использовать в личке

Супермен

37

Также неплохо было бы сделать функцию поиска смайликов

Маньяк

2

Обновлено до версии 0.2

1. Вместо Ctrl + двойной клик левой кнопки мыши, панель открывается по Shift + двойной клик левой кнопки мыши.
2. Добавлена кнопка закрытия панели (двойной клик по панели для закрытия остаётся в силе)
3. Теперь можно вставлять смайлики в сообщениях профиля, но правда вызывается панель только по сочетанию горячих клавиш
Ctrl + ;
По двойному клику по полю для ввода пока не получается сделать. (Не прикрепляется событие).
4. Вместо текстовых надписей на кнопках категорий отображаются иконки emoji.

Последний раз отредактировано 24 сентября 2023 в 19:40 пользователем Душа_Чата

Маньяк

2

Обновлено до версии 0.3

1. Заработало сочетание горячих клавиш Shift + двойной клик левой кнопкой мыши по полю для ввода текста в личных сообщениях профиля. Ура!

Последний раз отредактировано 24 сентября 2023 в 21:24 пользователем Душа_Чата

Клавокодер

120

Душа_Чата писал(а):

2. Добавлена кнопка закрытия панели (двойной клик по панели для закрытия остаётся в силе)

О, круто!

Душа_Чата писал(а):

4. Вместо текстовых надписей на кнопках категорий отображаются иконки emoji.

Да, так выглядит лучше!

Супермен

37

Душа Чата, спасибо!

Супермен

37

а хотя опять не работает

Супермен

37

Уже несколько раз переустанавливал новую версию, не работает
* - уже заработало

Последний раз отредактировано 25 сентября 2023 в 14:51 пользователем Вова_10

Супермен

37

Душа_Чата, а можно будет как-нибудь создать скрипт, который окрашивает в рейтинге и в бортжурнале ники наборщиков в цвет их ранга?

я помню как-то предлагал уже окрашивать ники в цвет их ранга в рейтинге

Маньяк

2

Обновлено до версии 0.4

1. Добавлена возможность переключаться между категориями по клавише Tab.
2. Положение панели теперь фиксированное относительно верхнего края браузерного вьюпорта.
Это сделано для того, чтобы панель не прыгала в зависимости от количества смайликов в контейнере,
при переключении между категориями. Теперь намного удобнее клацать по кнопкам категорий
без необходимости переводить курсор вниз вверх, что немного раздражало.
3. Панель теперь имеет минимальную фиксированную ширину, чтобы не ломалась компоновка
(чтобы кнопка закрытия панели не перекрывала крайную правую кнопку категории).
4. Технический нюанс (оптимизация). Теперь eventListener на переключении между вкладками по Tab
добавляется на момент создания панели и прикрепляется к document, а после удаления панели
этот самый event удаляется посредством removeEventListener. Это нивелирует количество отслеживаемых
нажатий, что значительно повысит производительность всецело.
5. Также теперь можно отправлять смайлики в профильном поле для прямых соообщений. Раньше было только в сохранённых.

Последний раз отредактировано 26 сентября 2023 в 04:01 пользователем Душа_Чата

[b]Обновлено до версии 0.4[/b]

1. Добавлена возможность переключаться между категориями по клавише Tab.
2. Положение панели теперь фиксированное относительно верхнего края браузерного вьюпорта.
Это сделано для того, чтобы панель не прыгала в зависимости от количества смайликов в контейнере,
при переключении между категориями. Теперь намного удобнее клацать по кнопкам категорий
без необходимости переводить курсор вниз вверх, что немного раздражало.
3. Панель теперь имеет минимальную фиксированную ширину, чтобы не ломалась компоновка
(чтобы кнопка закрытия панели не перекрывала крайную правую кнопку категории).
4. Технический нюанс (оптимизация). Теперь eventListener на переключении между вкладками по Tab
добавляется на момент создания панели и прикрепляется к document, а после удаления панели
этот самый event удаляется посредством removeEventListener. Это нивелирует количество отслеживаемых
нажатий, что значительно повысит производительность всецело.
5. Также теперь можно отправлять смайлики в профильном поле для прямых соообщений. Раньше было только в сохранённых.

Маньяк

2

Обновлено до версии 0.5

1. Был произведён лёгкий фикс . Скорее фикс уже сделанного в версии 0.4.
Проблема заключалась в том, что нельзя было вызывать панель через двойной клик с зажатым шифтом во всех сохранённых личных сообщениях,
так как евент прикреплялся к одному элементу и после динамического обновления страницы тут же убивался.
Также была невозможность вставки смайликов в другие вызыванные поля для ввода даже если сама панель вызывалась
сочетанием горячих клавиш. Опять же из-за слёта всего необходимого.
Теперь такой проблемы нет. Пришлось извернуться немного, чтобы это исправить.

2. Добавлена возможность показывать и скрывать панель по сочетанию клавиш Ctrl + ; (Toggle style).
Раньше этим сочетанием клавиш панель показывалась, но не скрывалась. Теперь ещё и скрывается.

Последний раз отредактировано 26 сентября 2023 в 20:21 пользователем Душа_Чата

Маньяк

2

Имеется некоторое недопонимание как заставить работать скрипт со всеми полями ввода текста в профиле.
Пока что работают эти элементы.

            // Check for the presence of Direct Message, Saved Message, and Journal textareas
            const directMessageTextarea = document.querySelector('.dlg-send-user-message .message-text textarea');
            const savedMessageTextarea = document.querySelector('.profile-messages .dialog-write textarea');
            const journalMessageTextarea = document.querySelector('.profile-root .journal .write textarea');

journalMessageTextarea работает лишь на первом совпадении.
Каким образом можно заставить работать абсолютно все поля на странице профиля, на абсолютно всех полях
где требуется ввести код смайлика.
Если кто знает решение этой проблемы, то можете поделиться ей в лс.

Последний раз отредактировано 27 сентября 2023 в 12:10 пользователем Душа_Чата

Маньяк

2

Обновлено до версии 0.6

1. Решена проблема с невозможностью встраивать смайлики в абсолютно любые поля для ввода в бортжурнале (записях и комментариях к ним).
Теперь можно всё.
2. Произведён рефакторинг кода для улучшения читабельности и масштабируемости по необходимости.

Последний раз отредактировано 29 сентября 2023 в 23:34 пользователем Душа_Чата

Маньяк

2

Обновлено до версии 0.7

1. Добавлена изначально неактивня кнопка категории "Избранные" (Favourites).
В неё можно добавить часто используемые смайлики.
Добавляются они кликом по кнопкам из стандартных категорией с зажатой клавишей Shift.
Удаляются они из категории избранные также с зажатой клавишей Shift.
Чтобы удалить все избранные разом, то нужно с зажатой клавишей Shift кликнуть по кнопке категории "Избранные".
Все избранные смайлики в стандартных категориях подсвечиваются разностной контрастностью для понимания какие были добавлены в категорию избранные не заходя в саму категорию избранные.
После удаления всех избранных смайликов, панель переключается на последнюю активную категорию до этого (на шаг назад).

Демонстрация

скрытый текст…

Последний раз отредактировано 30 сентября 2023 в 05:29 пользователем Душа_Чата

Супермен

37

Кстати, а как делать анимированные картинки?

Маньяк

2

Вова_10 писал(а):

Кстати, а как делать анимированные картинки?

Такой функции в этой панели нет. Я правильно понимаю? Это чтобы можно было сохранять в панели что-то вроде гифок как в мессенджерах с правильной заготовкой кода для форумов и для профилей? Мол кликнул на большую кнопку с превью этой картинки и тебе уже готовый кусок вставки по клику и не придтся каждый раз вставлять ссылки, искать их, перезагружать, а кликнул и все. Если это конечно имеется в виду.

Последний раз отредактировано 30 сентября 2023 в 18:25 пользователем Душа_Чата

Форум «Программное обеспечение» / Всплывающая панель смайликов

Чтобы писать в форуме, нужно зарегистрироваться.

Автор:

Обратный адрес:

Тема:

Сообщение: