Common.js
Материал из ВикиВоины
Версия от 18:13, 2 февраля 2023; Laurent Nautilus (обсуждение | вклад)
Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
- Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
- Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
- Opera: Перейдите в Menu → Настройки (Opera → Настройки на Mac), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы
const timeline = document.querySelector('.ages-timeline'); const selflink = document.querySelector('.mw-selflink'); timeline.scrollLeft = selflink.offsetLeft - (timeline.offsetWidth - selflink.offsetWidth) / 2; const labels = document.querySelectorAll('.question-mark'); labels.forEach(label => { label.addEventListener('mouseover', function(event) { const tooltip = document.createElement('div'); tooltip.classList.add('tooltip'); tooltip.innerHTML = 'This is a tool tip for this label'; document.body.appendChild(tooltip); const labelRect = event.target.getBoundingClientRect(); tooltip.style.left = labelRect.right + 'px'; tooltip.style.top = labelRect.top + 'px'; tooltip.style.display = 'block'; }); label.addEventListener('mouseout', function() { const tooltip = document.querySelector('.tooltip'); document.body.removeChild(tooltip); }); });