MediaWiki:Common.js:修订间差异

来自PD2汉化wiki
跳转到导航 跳转到搜索
Lil174留言 | 贡献
无编辑摘要
标签已被回退
Lil174留言 | 贡献
无编辑摘要
标签已被回退
第28行: 第28行:


/* 动态 Tooltip */
/* 动态 Tooltip */
document.querySelectorAll('.dynamic-tooltip-trigger').forEach(element => {
$(document).ready(function() {
  const tooltip = document.createElement('div');
  $('.api-tooltip').hover(
  tooltip.className = 'mw-dynamic-tooltip';
    function(e) {
  document.body.appendChild(tooltip);
      const pageTitle = $(this).data('page');
      const $tooltip = $('<div class="mw-api-tooltip">加载中...</div>').appendTo('body');
     
      // 调用MediaWiki API
      $.getJSON(`/w/api.php?action=query&format=json&prop=extracts&exintro&titles=${encodeURIComponent(pageTitle)}&origin=*`, function(data) {
        const extract = data.query.pages[Object.keys(data.query.pages)[0]].extract;
        $tooltip.html(extract);
      });


  element.addEventListener('mouseover', function(e) {
      positionTooltip(e, $tooltip);
    const rect = e.target.getBoundingClientRect();
    },
    tooltip.innerHTML = e.target.dataset.mwDynamic; // 动态内容
    function() {
    tooltip.style.display = 'block';
      $('.mw-api-tooltip').remove();
    tooltip.style.top = `${rect.bottom + window.scrollY}px`;
     }
     tooltip.style.left = `${rect.left + window.scrollX}px`;
   );
   });


   element.addEventListener('mouseout', () => {
   function positionTooltip(e, $tooltip) {
     tooltip.style.display = 'none';
     $tooltip.css({
   });
      top: e.pageY + 10,
      left: e.pageX + 10,
      position: 'absolute',
      backgroundColor: '#fff',
      border: '1px solid #aaa'
    });
   }
});
});

2025年2月9日 (日) 18:34的版本

/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
mw.loader.load( '//sdk.51.la/js-sdk-pro.min.js' );
mw.loader.load( '/w/index.php?title=MediaWiki:ExpandAndCollapse.js&action=raw&ctype=text/javascript' );

/* sitenotice 公告栏的滚动 */
$(function () {
    var self = $('#siteNoticeScroll');
    if (!self[0]) return;
    var ul = self.find('ul:first');
    ul.width(self.width() * self.find('li').length).attr({
        'data-left': 0,
        'data-length': self.find('li').length
    }).find('li').width(self.width());
    window.setInterval(function () {
        var dataset = ul[0].dataset,
            oldLeft = +dataset.left;
        ul.css('marginLeft', -(++oldLeft * self.width()) + 'px').delay(730).queue(function () {
            dataset.left = oldLeft === +dataset.length - 1 ? -1 : oldLeft;
            $(this).dequeue();
        });
    }, 5000);
    $(window).on('resize', function () {
        ul.width(self.width() * self.find('li').length).animate({
            marginLeft: -((+ul[0].dataset.left === -1 ? 0 : +ul[0].dataset.left) * self.width()) + 'px'
        }, 370);
    });
});

/* 动态 Tooltip */
$(document).ready(function() {
  $('.api-tooltip').hover(
    function(e) {
      const pageTitle = $(this).data('page');
      const $tooltip = $('<div class="mw-api-tooltip">加载中...</div>').appendTo('body');
      
      // 调用MediaWiki API
      $.getJSON(`/w/api.php?action=query&format=json&prop=extracts&exintro&titles=${encodeURIComponent(pageTitle)}&origin=*`, function(data) {
        const extract = data.query.pages[Object.keys(data.query.pages)[0]].extract;
        $tooltip.html(extract);
      });

      positionTooltip(e, $tooltip);
    },
    function() {
      $('.mw-api-tooltip').remove();
    }
  );

  function positionTooltip(e, $tooltip) {
    $tooltip.css({
      top: e.pageY + 10,
      left: e.pageX + 10,
      position: 'absolute',
      backgroundColor: '#fff',
      border: '1px solid #aaa'
    });
  }
});