Select checkboxes within a specified area
Stan na
// ==UserScript==
// @name I was bored
// @namespace none
// @version 0.1
// @description Select checkboxes within a specified area
// @author YOU (idc tbh)
// @license MIT
// @match https://onemillioncheckboxes.com/
// @grant none
// ==/UserScript==
(function() {
'use strict';
let isSelecting = false;
let startX, startY, endX, endY;
let selectionBox;
let totalChecked = 0;
let startTime;
function isElementInViewport(el) {
const rect = el.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}
function clickCheckbox(checkbox) {
if (!checkbox.checked) { // Check if checkbox is not already checked
checkbox.click();
totalChecked++;
}
}
function selectCheckboxesInArea(startX, startY, endX, endY) {
const allCheckboxes = document.querySelectorAll('input[type="checkbox"]');
let checkedCount = 0;
startTime = performance.now();
for (let checkbox of allCheckboxes) {
if (isElementInViewport(checkbox)) {
const checkboxRect = checkbox.getBoundingClientRect();
const checkboxX = checkboxRect.left + window.scrollX;
const checkboxY = checkboxRect.top + window.scrollY;
if (checkboxX >= startX && checkboxX <= endX && checkboxY >= startY && checkboxY <= endY) {
let currentTime = performance.now();
let elapsedTime = currentTime - startTime;
let delay = Math.max(0, (checkedCount * 1000) / 7 - elapsedTime);
}
}
}
}
function startSelection() {
isSelecting = true;
document.body.style.cursor = 'crosshair';
selectionBox = document.createElement('div');
selectionBox.style.position = 'absolute';
selectionBox.style.border = '2px solid red';
selectionBox.style.pointerEvents = 'none';
document.body.appendChild(selectionBox);
document.addEventListener('mousedown', handleMouseDown);
document.addEventListener('mousemove', handleMouseMove);
document.addEventListener('mouseup', handleMouseUp);
}
function handleMouseDown(event) {
if (isSelecting) {
startX = event.pageX;
startY = event.pageY;
selectionBox.style.left = startX + 'px';
selectionBox.style.top = startY + 'px';
selectionBox.style.width = '0';
selectionBox.style.height = '0';
selectionBox.style.display = 'block';
}
}
function handleMouseMove(event) {
if (isSelecting) {
endX = event.pageX;
endY = event.pageY;
let boxWidth = Math.abs(endX - startX);
let boxHeight = Math.abs(endY - startY);
selectionBox.style.width = boxWidth + 'px';
selectionBox.style.height = boxHeight + 'px';
selectionBox.style.left = Math.min(endX, startX) + 'px';
selectionBox.style.top = Math.min(endY, startY) + 'px';
}
}
function handleMouseUp() {
if (isSelecting) {
isSelecting = false;
document.body.style.cursor = 'default';
selectionBox.style.display = 'none';
selectCheckboxesInArea(Math.min(startX, endX), Math.min(startY, endY), Math.max(startX, endX), Math.max(startY, endY));
document.removeEventListener('mousedown', handleMouseDown);
document.removeEventListener('mousemove', handleMouseMove);
document.removeEventListener('mouseup', handleMouseUp);
}
}
document.addEventListener('keydown', function(event) {
if (event.altKey && event.key === 'x') {
startSelection();
}
});
})();