Created
March 16, 2022 20:41
-
-
Save AxDSan/c2ac18bcc7e1e780c740b14173a6064f to your computer and use it in GitHub Desktop.
B4a Character Counter in Replies
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ==UserScript== | |
// @name B4A | |
// @namespace http://tampermonkey.net/ | |
// @version 0.1 | |
// @description Simply gets the characters count towards a message | |
// @author 0x90 | |
// @match https://*.board4all.biz/* | |
// @icon https://www.google.com/s2/favicons?sz=64&domain=board4all.biz | |
// @grant none | |
// @require https://code.jquery.com/jquery-3.6.0.slim.min.js | |
// ==/UserScript== | |
/*--- waitForKeyElements(): A utility function, for Greasemonkey scripts, | |
that detects and handles AJAXed content. | |
Usage example: | |
waitForKeyElements ( | |
"div.comments" | |
, commentCallbackFunction | |
); | |
//--- Page-specific function to do what we want when the node is found. | |
function commentCallbackFunction (jNode) { | |
jNode.text ("This comment changed by waitForKeyElements()."); | |
} | |
IMPORTANT: This function requires your script to have loaded jQuery. | |
*/ | |
function waitForKeyElements ( | |
selectorTxt, /* Required: The jQuery selector string that | |
specifies the desired element(s). | |
*/ | |
actionFunction, /* Required: The code to run when elements are | |
found. It is passed a jNode to the matched | |
element. | |
*/ | |
bWaitOnce, /* Optional: If false, will continue to scan for | |
new elements even after the first match is | |
found. | |
*/ | |
iframeSelector /* Optional: If set, identifies the iframe to | |
search. | |
*/ | |
) { | |
var targetNodes, btargetsFound; | |
if (typeof iframeSelector == "undefined") | |
targetNodes = $(selectorTxt); | |
else | |
targetNodes = $(iframeSelector).contents () | |
.find (selectorTxt); | |
if (targetNodes && targetNodes.length > 0) { | |
btargetsFound = true; | |
/*--- Found target node(s). Go through each and act if they | |
are new. | |
*/ | |
targetNodes.each ( function () { | |
var jThis = $(this); | |
var alreadyFound = jThis.data ('alreadyFound') || false; | |
if (!alreadyFound) { | |
//--- Call the payload function. | |
var cancelFound = actionFunction (jThis); | |
if (cancelFound) | |
btargetsFound = false; | |
else | |
jThis.data ('alreadyFound', true); | |
} | |
} ); | |
} | |
else { | |
btargetsFound = false; | |
} | |
//--- Get the timer-control variable for this selector. | |
var controlObj = waitForKeyElements.controlObj || {}; | |
var controlKey = selectorTxt.replace (/[^\w]/g, "_"); | |
var timeControl = controlObj [controlKey]; | |
//--- Now set or clear the timer as appropriate. | |
if (btargetsFound && bWaitOnce && timeControl) { | |
//--- The only condition where we need to clear the timer. | |
clearInterval (timeControl); | |
delete controlObj [controlKey] | |
} | |
else { | |
//--- Set a timer, if needed. | |
if ( ! timeControl) { | |
timeControl = setInterval ( function () { | |
waitForKeyElements ( selectorTxt, | |
actionFunction, | |
bWaitOnce, | |
iframeSelector | |
); | |
}, | |
300 | |
); | |
controlObj [controlKey] = timeControl; | |
} | |
} | |
waitForKeyElements.controlObj = controlObj; | |
} | |
(function() { | |
'use strict'; | |
var currentLength = 0; | |
var target = '.message-editorWrapper > div:nth-child(8)' | |
var element = "<span class='fr-placeholder' style='font-size: 13px; line-height: 19.5px; margin-top: 0px; padding-top: 5px; padding-bottom: 5px; margin-left: 0px; padding-right: 20px; text-align: right; display: grid; color: deepskyblue;' id='counter'>20,000/20,000 (Characters Left)</span>" | |
waitForKeyElements(target, (el)=>{ | |
$(element).appendTo(el) | |
$(target)[0].addEventListener('input', function (e) { | |
const tg = $('#top > div.focus-content > div.p-body > div > div.p-body-main > div.p-body-content > div > form > div > div > div > div > div.message-cell.message-cell--main > div > div.fr-box.bbWrapper.fr-ltr.fr-basic.fr-top > div.fr-wrapper').text().replace('Write your reply...', ''); | |
// Count the current number of characters | |
const currentLength = tg.length; | |
$('#counter')[0].innerHTML = `${currentLength}/20,000 (Characters Left)`; | |
}); | |
}) | |
})(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment