Common.js: различия между версиями

Версия 18:16, 2 февраля 2023

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