“MediaWiki:Common.js”的版本间的差异

来自Whiteverse Library
跳到导航跳到搜索
第16行: 第16行:
}
}
appendTimeline();
appendTimeline();
document.addEventListener("DOMContentLoaded", function() {
$(document).ready(function() {
     // 确保仅在有时间轴的页面中执行
     // 确保仅在有时间轴的页面中执行
     var container = document.getElementById("visualization");
     if ($("#visualization").length) {
    if (container) {
        const container = document.getElementById("visualization");
 
         // 解析项目和日期
         // 解析项目和日期
         var itemsArray = container.getAttribute("data-items").split(";");
         const itemsArray = $(container).data("items").split(";");
         var items = new vis.DataSet(itemsArray.map(function(item, index) {
         const items = new vis.DataSet(itemsArray.map(function(item, index) {
            var parts = item.split(",");
    const parts = item.split(",");
            var content = parts[0].trim();
    const content = parts[0].trim();
            var start = parts[1].trim();
    const start = parts[1].trim();
            return { id: index + 1, content: content, start: start };
    return { id: index + 1, content: content, start: start };
        }));
}));
 
          
          
         // Configuration for the Timeline
         // Configuration for the Timeline
         var options = {};
         const options = {};
          
          
         // Create a Timeline
         // Create a Timeline
         var timeline = new vis.Timeline(container, items, options);
         const timeline = new vis.Timeline(container, items, options);
     }
     }
});
});

2024年10月24日 (四) 13:54的版本

/* 这里的任何JavaScript将为所有档案员在每次页面载入时加载。 */

function appendCSS() {
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = '/extensions/Whiteverse/font/stylesheet.css';
    document.head.appendChild(link);
}
appendCSS();

// 引入 Vis Timeline 库
function appendTimeline() {
    var script = document.createElement('script');
    script.src = 'https://unpkg.com/vis-timeline@7.7.3/standalone/umd/vis-timeline-graph2d.min.js';
    document.head.appendChild(script);
}
appendTimeline();
$(document).ready(function() {
    // 确保仅在有时间轴的页面中执行
    if ($("#visualization").length) {
        const container = document.getElementById("visualization");

        // 解析项目和日期
        const itemsArray = $(container).data("items").split(";");
        const items = new vis.DataSet(itemsArray.map(function(item, index) {
    const parts = item.split(",");
    const content = parts[0].trim();
    const start = parts[1].trim();
    return { id: index + 1, content: content, start: start };
}));

        
        // Configuration for the Timeline
        const options = {};
        
        // Create a Timeline
        const timeline = new vis.Timeline(container, items, options);
    }
});