/
al.anatolyev
/
web4stud
Обзор
Документация
Войти
/
al.anatolyev
/
web4stud
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
scripts.js
62 строки
2 KB
aag
%1
19 май 2026, 12:36
19 май 2026, 12:36
1775bad
Код
Авторство
О чём код?
document.addEventListener("DOMContentLoaded", setEventHandlers); function setEventHandlers(){ // js outline (local TOC) const headings = document.querySelectorAll("h2,h3,h4"); let hh = ""; let hdrID = ""; let heading_class = ""; headings.forEach((h, idx) => { hdrID = `toc_hdr_${idx}`; heading_class = `heading_${h.nodeName}`; h.setAttribute("id", hdrID); hh += `<p class="${heading_class}"><a href="#${hdrID}">${h.textContent}</a></p>`; } ); document.getElementById("outline").innerHTML = "<p><strong>Содержание [JS-generated]</strong></p>"+hh // show fullscreen images const figures = document.querySelectorAll('figure'); figures.forEach(figure => { figure.addEventListener('click', () => { const existingModal = document.querySelector('.fullscreen-modal'); if (existingModal) { existingModal.remove(); return; } const img = figure.querySelector('img'); const modal = document.createElement('div'); modal.className = 'fullscreen-modal'; modal.innerHTML = ` <div style=" position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); display: flex; justify-content: center; align-items: center; z-index: 9999; cursor: zoom-out; "> <img src="${img.src}" alt="${img.alt}" style=" max-width: 90%; max-height: 90%; object-fit: contain; "> </div> `; modal.querySelector('div').addEventListener('click', () => modal.remove()); document.body.appendChild(modal); }); }); } // @@end setEventsHandler