MediaWiki:Common.js: mudanças entre as edições

Ir para navegação Ir para pesquisar
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
 
(2 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 4: Linha 4:


     function roColorToHtml(text) {
     function roColorToHtml(text) {
         return text
         var html = "";
            .replace(/\^([0-9A-Fa-f]{6})/g, '<span style="color:#$1">')
        var colorStack = false;
             .replace(/\n/g, "<br>") + "</span>";
 
        var parts = text.split(/\^([0-9A-Fa-f]{6})/);
 
        for (var i = 0; i < parts.length; i++) {
            if (i % 2 === 1) {
                if (colorStack) html += "</span>";
                html += '<span style="color:#' + parts[i] + '">';
                colorStack = true;
            } else {
                html += parts[i];
            }
        }
 
        if (colorStack) html += "</span>";
 
        return html
             .replace(/\\n/g, "<br>")
            .replace(/\n/g, "<br>");
     }
     }


     document.querySelectorAll(".mw-item").forEach(function (el) {
     document.querySelectorAll(".mw-item").forEach(function (el) {
Linha 27: Linha 45:
                     tip.className = "item-tooltip";
                     tip.className = "item-tooltip";


tip.innerHTML =
                    tip.innerHTML =
    '<img class="icon" src="' + API + item.icon + '">' +
                        '<div class="row">' +
    '<div class="text">' +
                        '<img class="icon" src="' + API + item.icon + '">' +
    '<b>' + item.name + '</b><br>' +
                        '<div class="title">' + item.name + '</div>' +
    roColorToHtml(item.description) +
                        '</div>' +
    '</div>';
                        '<div class="text">' +
 
                        roColorToHtml(item.description) +
                        '</div>';


                     document.body.appendChild(tip);
                     document.body.appendChild(tip);


var move = function (ev) {
                    var move = function (ev) {
    var x = ev.clientX + 20;
                        var x = ev.clientX + 20;
    var y = ev.clientY + 20;
                        var y = ev.clientY + 20;


    if (x + 280 > window.innerWidth)
                        if (x + 280 > window.innerWidth)
        x = ev.clientX - 300;
                            x = ev.clientX - 300;


    if (y + 120 > window.innerHeight)
                        if (y + 120 > window.innerHeight)
        y = ev.clientY - 140;
                            y = ev.clientY - 140;


    tip.style.left = x + "px";
                        tip.style.left = x + "px";
    tip.style.top = y + "px";
                        tip.style.top = y + "px";
};
                    };




Menu de navegação