document.addEventListener('DOMContentLoaded', function() { new isvek.Bvi({ target: '.specbutton', theme: 'white' }); function addStyles() { if (!document.querySelector('link[href="https://lifehackov.ru/dist/css/bvi.min.css"]')) { var linkElement = document.createElement('link'); linkElement.rel = 'stylesheet'; linkElement.type = 'text/css'; linkElement.href = 'https://lifehackov.ru/dist/css/bvi.min.css'; document.head.appendChild(linkElement); let eye = document.getElementsByClassName('tn-elem__6804599361705334185737')[0].children[0].children[0]; if(!eye.src){ eye.src = eye.dataset.original } } } addStyles(); function removeStyles() { var linkElement = document.querySelector('link[href="https://lifehackov.ru/dist/css/bvi.min.css"]'); if (linkElement) { linkElement.parentNode.removeChild(linkElement); } window.location.reload() } document.querySelector('.specbutton').addEventListener('click', function() { addStyles(); }); document.addEventListener('click', function(event) { if (event.target && event.target.getAttribute('data-bvi') === 'close') { removeStyles(); } }); var allFields = document.querySelectorAll('[field]'); allFields.forEach(function(field) { field.classList.add('bvi-speech'); }); var elementsWithAriaLabel = document.querySelectorAll('[aria-label]'); elementsWithAriaLabel.forEach(function(element) { var ariaLabelValue = element.getAttribute('aria-label'); element.setAttribute('alt', ariaLabelValue); }); var altDisplayEnabled = false; function enableAltDisplay() { altDisplayEnabled = true; var elementsWithAlt = document.querySelectorAll('[alt]'); elementsWithAlt.forEach(function(element) { var altText = element.getAttribute('alt'); var altContainer = document.createElement('div'); altContainer.textContent = altText; altContainer.setAttribute('data-bvi', 'alt-container'); altContainer.setAttribute('field', 'alt'); altContainer.setAttribute('class', 'bvi-speech'); element.parentNode.insertBefore(altContainer, element.nextSibling); }); } function disableAltDisplay() { altDisplayEnabled = false; var altContainers = document.querySelectorAll('div[data-bvi="alt-container"]'); altContainers.forEach(function(container) { container.parentNode.removeChild(container); }); } document.querySelector('.specbutton').addEventListener('click', function() { enableAltDisplay(); }); document.addEventListener('click', function(event) { if (altDisplayEnabled && event.target && event.target.getAttribute('data-bvi') === 'close') { disableAltDisplay(); } }); });