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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
 
(не показаны 4 промежуточные версии этого же участника)
Строка 1: Строка 1:
(function() {
(function () {
  var raceBoxes = document.querySelectorAll('.race-box');
    if (window.raceInfoLoaded) return;
  var popup = document.getElementById('race-info-popup');
    window.raceInfoLoaded = true;
  var content = document.getElementById('race-info-content');


  for (var i = 0; i < raceBoxes.length; i++) {
    function showRaceInfo(race) {
     raceBoxes[i].addEventListener('click', function() {
        var infoBox = document.getElementById('race-info-box');
      var raceName = this.getAttribute('data-target');
        var description = document.getElementById(race);
      content.textContent = 'Информация о расе: ' + raceName;
        if (description) {
      popup.classList.add('active');
            infoBox.innerHTML = description.innerHTML;
            infoBox.style.display = 'block';
        }
     }
 
    document.addEventListener("DOMContentLoaded", function () {
        var cards = document.querySelectorAll('.race-card');
        cards.forEach(function (card) {
            card.addEventListener("click", function (event) {
                event.preventDefault();
                showRaceInfo(card.getAttribute("data-race"));
            });
        });
     });
     });
  }
})();
})();
function showRaceInfo(raceName) {
  var popup = document.getElementById('race-info-popup');
  var content = document.getElementById('race-info-content');
  content.innerHTML = 'Информация о расе: ' + raceName;
  popup.classList.add('active');
}

Текущая версия от 21:18, 15 февраля 2025

(function () {
    if (window.raceInfoLoaded) return;
    window.raceInfoLoaded = true;

    function showRaceInfo(race) {
        var infoBox = document.getElementById('race-info-box');
        var description = document.getElementById(race);
        if (description) {
            infoBox.innerHTML = description.innerHTML;
            infoBox.style.display = 'block';
        }
    }

    document.addEventListener("DOMContentLoaded", function () {
        var cards = document.querySelectorAll('.race-card');
        cards.forEach(function (card) {
            card.addEventListener("click", function (event) {
                event.preventDefault();
                showRaceInfo(card.getAttribute("data-race"));
            });
        });
    });
})();