Скрипты улучшали - Программное обеспечение - Форум - Клавогонки

Новичок

2

В этой теме каждый умеющий писать юзерскрипты может по собственному желанию выкладывать свои наработки.

Установка с помощью Tampermonkey

Возможность скрывать и раскрывать общий чат и чат в заездах по сочетанию клавиш Ctrl + Space.
Возможность сразу набирать текст в чате получив фокус поля ввода текста по нажатию сочетания клавиш Shift + Space.

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

Последний раз отредактировано 21 июля 2019 в 21:04 пользователем Пасчат

В этой теме каждый умеющий писать юзерскрипты может по собственному желанию выкладывать свои наработки.

[color="#ff6666"]Установка с помощью Tampermonkey[/color]

Возможность скрывать и раскрывать общий чат и чат в заездах по сочетанию клавиш Ctrl + Space.
Возможность сразу набирать текст в чате получив фокус поля ввода текста по нажатию сочетания клавиш Shift + Space.
[hide][code]// ==UserScript==
// @name		 Chat Functions
// @namespace	http://tampermonkey.net/
// @version	  0.1
// @description  Open and Hide chat (GameList Page && Game Page)
// @author	   I am
// @include	  http://klavogonki.ru/g*
// @grant		none
// ==/UserScript==

var space = 32; // Space Key
var hide = document.querySelector(&#39;.hide-bar&#39;);
var chatGeneral = document.querySelector(&#39;#chat-general&#39;).style.display == &#39;none&#39;;
var field = document.querySelectorAll(&#39;.text&#39;);

window.addEventListener(&#39;keydown&#39;, checkKeyPress, false);

function checkKeyPress(key) {

if (key.ctrlKey && key.which == space) {

if (chatGeneral == false) {
			hide.click();
			field[0].focus();
		}
		else if (chatGeneral == true) {
			hide.click();
			field[1].focus();
		}

}
	else if (key.shiftKey && key.which == space) {

if (chatGeneral == false) {
			field[0].focus();
		}
		else if (chatGeneral == true && document.querySelector(&#39;#speed-label&#39;).innerHTML == "" || document.querySelector(&#39;#speed-label&#39;).innerHTML < 1) {
			field[1].focus();
		}

}
}[/code][/hide]

Кибергонщик

108

Зачем изобретать велосипед в данном случае, есть же скрипт KG_ChatHotkey, который уже входит в КТС. Чем он не угодил?)

Новичок

2

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

Кибергонщик

108

По-моему, он фокусируется в чате в строке ввода. А что еще надо?

Новичок

2

Диктатор, вот именно, фокусируется тот скрипт на момент раскрытия чата по хоткею, а мой ещё умеет фокусироваться без скрытия и раскрытия. Ctrl + Space скрывает и раскрывает. Shift + Space устанавливает фокус курсора без скрытия чата, только вот бывает когда быстро набираешь и одновременно можно зажать Shift + Space и фокус уйдёт с тайпа на чат, что не хорошо.

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

Последний раз отредактировано 21 июля 2019 в 20:30 пользователем Пасчат

Новичок

2

Скрипт для подсчёта количества пользователей в чате в реальном времени и для подсчёта в реальном времени также количества набираемых символов в чате.
Работает в общем чате и в чате заезда.

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

// ==UserScript==
// @name         KG_usersCounter_charCounter
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  For Comfortable Chatting
// @author       SpasChat
// @include      http://klavogonki.ru/g*
// @grant        none
// ==/UserScript==

// Global Variables
var userPanel = document.querySelector('.dummy');

if (window.location.href.indexOf("gmid") != -1) {
    var userListContainer = document.querySelectorAll('.userlist')[1];
    var input = document.querySelectorAll('.text')[1];
    console.log(userPanel);
} else {
    userListContainer = document.querySelectorAll('.userlist')[0];
    input = document.querySelectorAll('.text')[0];
    console.log(userPanel);
}
var usersCounter = userPanel.appendChild(document.createElement('p'));

// KG_ChatUserCounter

setInterval(function(){
    usersCounter.innerHTML = userListContainer.childElements()[0].childElementCount;
}, 1000);

usersCounter.style.cssText =
'display: flex;' +
'height: 16px;' +
'width: 32px;' +
'background: #1b1b1b;' +
'justify-content: center;' +
'position: absolute;' +
'top: 0;' +
'right: 35px;' +
'align-items: center;' +
'font: 12px Consolas;' +
'border: 1px solid #74ADD4;' +
'color: #74ADD4;' +
'z-index: 1;';

// KG_ChatCharCounter

var charCounter = userPanel.appendChild(document.createElement('p'));

charCounter.style.cssText =
'width: 32px;' +
'height: 16px;' +
'font: 12px Consolas;' +
'display: flex;' +
'justify-content: center;' +
'align-items: center;' +
'position: absolute;' +
'top: 0;' +
'right: 70px;' +
'transition: all .2s;';

var interval = setInterval(function() {
    if(document.readyState === 'complete') {
        clearInterval(interval);
        updateInput();
    }
}, 100);

input.addEventListener('keydown', updateInput, false);
input.addEventListener('keyup', updateInput, false);
function updateInput() {
    charCounter.innerHTML = input.value.length;
    if (parseInt(charCounter.innerHTML) < 100) {
        charCounter.style.color = '#54EA4C';
        charCounter.style.backgroundColor = '#143812';
        charCounter.style.border = '1px solid #54EA4C';
    } else if (parseInt(charCounter.innerHTML) > 100 && parseInt(charCounter.innerHTML) < 200) {
        charCounter.style.color = '#FFD65D';
        charCounter.style.backgroundColor = '#635223';
        charCounter.style.border = '1px solid #FFD65D';
    } else if (parseInt(charCounter.innerHTML) > 200) {
        charCounter.style.color = '#EC5050';
        charCounter.style.backgroundColor = '#351212';
        charCounter.style.border = '1px solid #EC5050';
    }
}

Gif демонстрация на фоне тёмной темы, но и на светлой тоже всё отлично видно.

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

Последний раз отредактировано 29 июля 2019 в 21:38 пользователем Пасчат

Скрипт для подсчёта количества пользователей в чате в реальном времени и для подсчёта в реальном времени также количества набираемых символов в чате.
Работает в общем чате и в чате заезда.

[hide][code]// ==UserScript==
// @name		 KG_usersCounter_charCounter
// @namespace	http://tampermonkey.net/
// @version	  0.1
// @description  For Comfortable Chatting
// @author	   SpasChat
// @include	  http://klavogonki.ru/g*
// @grant		none
// ==/UserScript==

// Global Variables
var userPanel = document.querySelector(&#39;.dummy&#39;);

if (window.location.href.indexOf("gmid") != -1) {
	var userListContainer = document.querySelectorAll(&#39;.userlist&#39;)[1];
	var input = document.querySelectorAll(&#39;.text&#39;)[1];
	console.log(userPanel);
} else {
	userListContainer = document.querySelectorAll(&#39;.userlist&#39;)[0];
	input = document.querySelectorAll(&#39;.text&#39;)[0];
	console.log(userPanel);
}
var usersCounter = userPanel.appendChild(document.createElement(&#39;p&#39;));

// KG_ChatUserCounter

setInterval(function(){
	usersCounter.innerHTML = userListContainer.childElements()[0].childElementCount;
}, 1000);

usersCounter.style.cssText =
&#39;display: flex;&#39; +
&#39;height: 16px;&#39; +
&#39;width: 32px;&#39; +
&#39;background: #1b1b1b;&#39; +
&#39;justify-content: center;&#39; +
&#39;position: absolute;&#39; +
&#39;top: 0;&#39; +
&#39;right: 35px;&#39; +
&#39;align-items: center;&#39; +
&#39;font: 12px Consolas;&#39; +
&#39;border: 1px solid #74ADD4;&#39; +
&#39;color: #74ADD4;&#39; +
&#39;z-index: 1;&#39;;

// KG_ChatCharCounter

var charCounter = userPanel.appendChild(document.createElement(&#39;p&#39;));

charCounter.style.cssText =
&#39;width: 32px;&#39; +
&#39;height: 16px;&#39; +
&#39;font: 12px Consolas;&#39; +
&#39;display: flex;&#39; +
&#39;justify-content: center;&#39; +
&#39;align-items: center;&#39; +
&#39;position: absolute;&#39; +
&#39;top: 0;&#39; +
&#39;right: 70px;&#39; +
&#39;transition: all .2s;&#39;;

var interval = setInterval(function() {
	if(document.readyState === &#39;complete&#39;) {
		clearInterval(interval);
		updateInput();
	}
}, 100);

input.addEventListener(&#39;keydown&#39;, updateInput, false);
input.addEventListener(&#39;keyup&#39;, updateInput, false);
function updateInput() {
	charCounter.innerHTML = input.value.length;
	if (parseInt(charCounter.innerHTML) < 100) {
		charCounter.style.color = &#39;#54EA4C&#39;;
		charCounter.style.backgroundColor = &#39;#143812&#39;;
		charCounter.style.border = &#39;1px solid #54EA4C&#39;;
	} else if (parseInt(charCounter.innerHTML) > 100 && parseInt(charCounter.innerHTML) < 200) {
		charCounter.style.color = &#39;#FFD65D&#39;;
		charCounter.style.backgroundColor = &#39;#635223&#39;;
		charCounter.style.border = &#39;1px solid #FFD65D&#39;;
	} else if (parseInt(charCounter.innerHTML) > 200) {
		charCounter.style.color = &#39;#EC5050&#39;;
		charCounter.style.backgroundColor = &#39;#351212&#39;;
		charCounter.style.border = &#39;1px solid #EC5050&#39;;
	}
}[/code][/hide]

Gif демонстрация на фоне тёмной темы, но и на светлой тоже всё отлично видно.
[hide][img]https://i.imgur.com/RdgXFni.gif[/img][/hide]

Новичок

32

спасибо! очень классно не лагает ввод с клавиатуры

Последний раз отредактировано 13 августа 2019 в 18:34 пользователем xsy

Новичок

32

Кстати, наконец-то утилизировался раздражающий пустой титул этого чата, где есть только Общий чат (в силу того что 10 людей и одни-и-те-же)
P.S. Хотя, исходя из привычки использования, нашел где счётчик не сразу (возле крестика окна) права/верха

Последний раз отредактировано 13 августа 2019 в 18:36 пользователем xsy

Форум «Программное обеспечение» / Скрипты улучшали

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

Автор:

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

Тема:

Сообщение: