Common.js

0.00

(0 голосов)

Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• 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);
  });
});

 $(document).ready(function() {
    $(".question-mark").hover(function() {
      var title = $(this).parent().attr("title");
      $("#tooltip").text(title);
      $("#tooltip").show();
    }, function() {
      $("#tooltip").hide();
    });
  });