MediaWiki:Common.js:修订间差异

此后如竟没有炬火,我便是唯一的光。
跳转到导航 跳转到搜索
无编辑摘要
无编辑摘要
第259行: 第259行:
}
}


function injectMobieDemand(){ //让移动端渲染正常
//document.getElementsByTagName("body")[0].setAttribute("style","min-width: 720px;")
var myMeta = document.createElement('meta');
myMeta.setAttribute("name","viewport");
myMeta.setAttribute("content","width=device-width, initial-scale=1");
document.getElementsByTagName("head")[0].appendChild(myMeta);
}
function setMobileBody(){ //移动端处理
function setMobileBody(){ //移动端处理
//标题栏处理,已废弃
//标题栏处理,已废弃

2022年10月30日 (日) 16:24的版本

/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
/* 这些源码执行和希顶WIKI相同的 “知识共享署名-相同方式共享 4.0” 协议 */

/*************多语言选择*************/
function cleartext() {
    for (var i = 0; i < t1.length; i++) {
        t1[i].style.display = 'none';
        t2[i].style.display = 'none';
        t3[i].style.display = 'none';
        t4[i].style.display = 'none';
        t5[i].style.display = 'none';
        t6[i].style.display = 'none';
    }
}

/*************编辑器注入*************/
var xdi8Letters = [  //希顶字母表
    [
        ["!`", "b", "p", "m", "w", "j", "q", "x", "y", "n", "z", "D", "s", "r", "H", "N", "l", "d", "t", "g", "k", "h", "4", "5", "v", "F", "7", "B", "c", "f", "u", "a", "o", "e", "E", "A", "Y", "L", "6", "2", "T", "8", "3", "V", "1", "i"],
        ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""]
    ],
    [
        ["⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧", "⇧"],
        ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""]
    ],
    [
        ["⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩", "⇩"],
        ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""]
    ]
];
function translatePua(str) {//翻译作pua
    for (var i_ in xdi8Letters) {
        var i = xdi8Letters[i_];
        for (var j_ in i[0]) {
            var j = i[0][j_];
            while (str != str.replace(j, i[1][i[0].indexOf(j)])) {
                str = str.replace(j, i[1][i[0].indexOf(j)])
            }
        }
    }
    return str;
}

function injectBotton() {//注入希顶按钮
    function findBotton() {
        if (document.getElementsByTagName("div")) {
            for (var childs_ in document.getElementsByTagName("div")) {
                var childs = document.getElementsByTagName("div")[childs_];
                var attrs = childs.attributes;
                if (attrs && (attrs["rel"] && attrs["rel"].value == "latin") && (attrs["class"] && attrs["class"].value != "toolbar section section-main") && (attrs["class"] && attrs["class"].value != "page page-latin page-characters")) {
                    return childs;
                }
            }
        }
        return null;
    }
    if (findBotton()) {
        findBotton().setAttribute('class', '');
        var xdi8Bottom = document.createElement('div');
        xdi8Bottom.setAttribute('rel', 'xdi8');
        xdi8Bottom.setAttribute('id', 'xdi8in');
        xdi8Bottom.onclick = function () {  //取自mediawiki内部脚本
            var section;
            $(this).parent().parent().find('.page').hide();
            $(this).parent().parent().find('.page-' + $(this).attr('rel')).show().trigger('loadPage');
            $(this).siblings().removeClass('current');
            $(this).addClass('current');
            section = $(this).parent().parent().attr('rel');
            $.cookie('wikiEditor-' + $(this).data('context').instance + '-booklet-' + section + '-page', $(this).attr('rel'), {
                expires: 30,
                path: '/'
            });
            event.preventDefault();
        }
        xdi8Bottom.innerText = "希顶字母";
        findBotton().parentNode.insertBefore(xdi8Bottom, findBotton());
        return true;
    }
    else { return false; }
}

function insertText(obj, str) {//向texteara插入文本在当前光标处
    if (document.selection) {
        var sel = document.selection.createRange();
        sel.text = str;
    }
    else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {
        var startPos = obj.selectionStart,
            endPos = obj.selectionEnd,
            cursorPos = startPos,
            tmpStr = obj.value;
        obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);
        cursorPos += str.length;
        obj.selectionStart = obj.selectionEnd = cursorPos;
    }
    else {
        obj.value += str;
    }
}
function injectList() {//注入希顶输入列表
    function findList() {
        if (document.getElementsByTagName("div")) {
            for (var childs_ in document.getElementsByTagName("div")) {
                var childs = document.getElementsByTagName("div")[childs_];
                var attrs = childs.attributes;
                if (attrs && (attrs["rel"] && attrs["rel"].value == "latin") && (attrs["class"] && attrs["class"].value == "page page-latin page-characters")) {
                    return childs;
                }
            }
        }
        return null;
    };
    if (findList()) {
        findList().style = "display: none";
        var xdi8List = document.createElement('div');
        xdi8List.setAttribute('rel', 'xdi8');
        xdi8List.setAttribute('class', 'page page-xdi8 page-characters');

        var divin = document.createElement('div');
        divin.setAttribute('dir', 'ltr');

        var innerLetter = (xdi8Letters[0][1].concat(xdi8Letters[1][1])).concat(xdi8Letters[2][1]);//内含物字母列表
        for (var letter_ in innerLetter) {
            letter = innerLetter[letter_];
            var spanin = document.createElement("span")
            spanin.setAttribute('rel', letter);
            spanin.innerText = letter;
            spanin.style.fontFamily = "'XEGOEPUAall',-apple-system,'Helvetica Neue','Segoe UI',Helvetica,'Nimbus Sans L',Arial,'Liberation Sans','PingFang SC','Hiragino Sans GB','Noto Sans CJK SC','Source Han Sans SC','Microsoft YaHei','Wenquanyi Micro Hei','WenQuanYi Zen Hei','ST Heiti',SimHei,'WenQuanYi Zen Hei Sharp',sans-serif";
            divin.appendChild(spanin);
            spanin.onclick = function () { insertText(wpTextbox1, $(this).attr('rel')); };
        }
        xdi8List.appendChild(divin);
        findList().parentNode.insertBefore(xdi8List, findList());
        return true;
    }
    else { return false; }
}

function insertTextBothSide(obj, str1, str2) {//向texteara插入文本在当前光标两侧
    if (document.selection) {
        var sel = document.selection.createRange();
        sel.text = str1 + sel.text + str2;
    }
    else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {
        var startPos = obj.selectionStart,
            endPos = obj.selectionEnd,
            cursorPos = startPos,
            tmpStr = obj.value;
        obj.value = tmpStr.substring(0, startPos) + str1 + tmpStr.substring(startPos, endPos) + str2 + tmpStr.substring(endPos, tmpStr.length);
        cursorPos += str1.length;
        obj.selectionStart = obj.selectionEnd = cursorPos;
    }
    else {
        obj.value = str1 + obj.value + str2;
    }
}
function insertTransPua(obj) {//向texteara文段翻译
    if (document.selection) {
        var sel = document.selection.createRange();
        sel.text = translatePua(sel.text);
    }
    else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {
        var startPos = obj.selectionStart,
            endPos = obj.selectionEnd,
            cursorPos = startPos,
            tmpStr = obj.value;
        obj.value = tmpStr.substring(0, startPos) + translatePua(tmpStr.substring(startPos, endPos)) + tmpStr.substring(endPos, tmpStr.length);
        cursorPos += translatePua(tmpStr.substring(startPos, endPos)).length - tmpStr.substring(startPos, endPos).length;
        obj.selectionStart = obj.selectionEnd = cursorPos;
    }
    else {
        obj.value = translatePua(obj.value);
    }
}
function findTransPua(obj) {//在texteara里寻找{{x}}翻译
    function findX(str) {
        for (var indx = str.indexOf("{{x|"); indx >= 0; indx = str.indexOf("{{x|")) {
            var floor = 1;
            var nowin = indx + 4;
            while (floor > 0) {
                var floora = str.indexOf("{{", nowin);
                var floorb = str.indexOf("}}", nowin);
                if (floora >= 0 || floorb >= 0) {
                    if ((floora < floorb && floora >= 0) || floorb < 0) {
                        floor++;
                        nowin = floora + 2;
                    }
                    else if ((floorb < floora && floorb >= 0) || floora < 0) {
                        floor--;
                        nowin = floorb + 2;
                    }
                } else {
                    floor = 0;
                }
            }
            str = str.substring(0, indx) + translatePua(str.substring(indx + 4, nowin - 2)) + str.substring(nowin, str.length);
        }
        return str;
    }
    obj.value = findX(obj.value);
}
function injectBelow() {//注入下面的按钮
    function findBelow() {//寻找位置
        if (document.getElementsByTagName("div")) {
            for (var childs_ in document.getElementsByTagName("div")) {
                var childs = document.getElementsByTagName("div")[childs_];
                var attrs = childs.attributes;
                if (attrs && attrs["class"] && attrs["class"].value == "editOptions") {
                    return childs;
                }
            }
        }
        return null;
    };
    if (findBelow()) {
        //希顶翻译块
        var belowBottom3 = document.createElement('a');
        belowBottom3.onclick = function () { insertTransPua(wpTextbox1); };
        belowBottom3.innerText = "转换选中区域希顶为PUA";
        belowBottom3.style.marginLeft = "1.4em";
        findBelow().insertBefore(belowBottom3, findBelow().childNodes[0]);
        //希顶翻译全文
        var belowBottom4 = document.createElement('a');
        belowBottom4.onclick = function () { findTransPua(wpTextbox1); };
        belowBottom4.innerText = "转换全文{{x|}}内希顶为PUA";
        belowBottom4.style.marginLeft = "1.4em";
        findBelow().insertBefore(belowBottom4, findBelow().childNodes[0]);
        //插入功能表
        var funcLists = [
            ["[[", "]]"],
            ["{{拼|", "}}"],
            ["{{|", "}}"],
            ["{{ruby|", "|}}"],
            ["{{color|red|", "}}"],
            ["{{国家声明}}", ""],
            ["{{人物声明}}", ""],
            ["{{Info|", "}}"],
            ["{{x|", "}}"]
        ]
        for (var funcList_ in funcLists) {
            var funcList = funcLists[funcList_];
            var belowBottom2 = document.createElement('a');
            belowBottom2.setAttribute('onclick', "insertTextBothSide(wpTextbox1,'" + funcList[0] + "','" + funcList[1] + "');");//需要固定量
            belowBottom2.innerText = funcList[0] + (funcList[1] != "" ? "..." : "") + funcList[1];
            belowBottom2.style.marginLeft = "1.4em";
            findBelow().insertBefore(belowBottom2, findBelow().childNodes[0]);
        }

        var belowBottom = document.createElement('a');
        belowBottom.href = "#xdi8in";
        belowBottom.onclick = function () {
            document.getElementById("wikiEditor-section-characters").setAttribute('class', 'booklet section section-characters section-visible');
        }
        belowBottom.innerText = "输入希顶字母";
        findBelow().insertBefore(belowBottom, findBelow().childNodes[0]);
        return true;
    }
    else { return false; }
}

function setMobileBody(){ //移动端处理
    //标题栏处理,已废弃
    /*if(window.screen.width <= 500 || ('ontouchstart' in document.documentElement)){
		document.querySelector("#mw-head").style.width = document.querySelector("#mw-head").parentNode.clientWidth + 23 + "px";
		document.querySelector("#mw-head").style.right = (-720 + window.screen.width) + "px";
	}
	else{
		document.querySelector("#mw-head").style.right = "0px";
	}*/
	if(window.screen.width <= 500){//如果在手机上
		//缩放处理
		document.querySelector("body").style.position="absolute";
		document.querySelector("body").style.transform="scale("+(window.screen.width/500)+")";
		document.querySelector("body").style.left= (-(500-window.screen.width)/2)+"px";
		document.querySelector("body").style.top= (-(document.querySelector("body").clientHeight-document.querySelector("body").clientHeight*(window.screen.width/500))/2)+"px";
	}
}

function injectPageBase(){ //处理大页面边距的一部分,其余用css实现
	var mwPageBase = document.querySelector("#mw-page-base")
	if(mwPageBase){
		var clonedPageBase = mwPageBase.cloneNode(true);
		//clonedPageBase.setAttribute("id", "cloned-page-base");
		clonedPageBase.setAttribute("style", "position: absolute; top: 0; width: 100%; left: 0;");//css属性,浮动在背后提供背景
		mwPageBase.parentNode.insertBefore(clonedPageBase, mwPageBase);
		return true;
	}
	else return false;
}

var isShowPanel=false;//信息栏标志
function infoMethod(){//信息栏响应函数
    if(!isShowPanel){
        isShowPanel=true;
        document.querySelector("#mw-panel").style.display="block";
        document.querySelector("#ca-nstab-project").style.backgroundImage="linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%)";
    }
    else{
        isShowPanel=false;
        document.querySelector("#mw-panel").style.display="none";
        document.querySelector("#ca-nstab-project").style.backgroundImage="linear-gradient(to top,#ffffff 0,#ffffff 100%)";
    }	
}
function injectInfos(){ //注入信息栏
	if(window.screen.width <= 500&&document.querySelector("#p-namespaces > div > ul")){//如果在手机上并且加载完毕
		var myInfos = document.createElement('li');
		myInfos.setAttribute("id","infos");
		myInfos.setAttribute("class","selected");
		myInfos.innerHTML="<a id='ininfos' href='javascript:void(0);' onclick='infoMethod()'>☰</a>";
		document.querySelector("#p-namespaces > div > ul").insertBefore(myInfos, document.querySelector("#p-namespaces > div > ul").firstElementChild);
		return true;
	}
	else return false;
}

/*************定时执行块*************/
//定时控制变量,用于处理部分延迟元素的后加载
var isjectBotton = false;
var isjectList = false;
var isjectBelow = false;
var isjectPageBase = false;
var isjectInfos = false;
var XwInterval = setInterval(function () {
    isjectBotton = (!isjectBotton) ? injectBotton() : true;
    isjectList = (!isjectList) ? injectList() : true;
    isjectBelow = (!isjectBelow) ? injectBelow() : true;
    isjectPageBase = (!isjectPageBase) ? injectPageBase() : true;
    isjectInfos = (!isjectInfos) ? injectInfos() : true;
    
    if(document.querySelector("#p-variants-label > span").innerText == '新加坡简体')
    	document.querySelector("#p-variants-label > span").innerText = '全文转希顶';
}
    , 300);
var XwInterval2 = setInterval(setMobileBody , 3);    
//销毁定时
setTimeout(function () {
    clearInterval(XwInterval);
    clearInterval(XwInterval2);
},
    15000);


/*************函数执行块*************/
//载入js时加载
injectMobieDemand();//移动端需求注入

//dom执行完成后加载
$(function () {
    //全文转希顶文字
    document.getElementById('ca-varlang-3').firstChild.innerHTML = '全文转希顶<small>不建议</small>';
    //document.getElementById('p-variants-label').firstChild.innerText = '全文转希顶';
    
	//移动端需求注入
	injectMobieDemand();
	//移动端处理
	setMobileBody();
	
	//处理大页面边距
	injectPageBase(); 
	//移动端信息栏
	//injectInfos();
});
/*************内部包含反响*************/
//需要mw参数时用,回调函数外部无法取值
(function (mw) {

})(mediaWiki);