MediaWiki:Common.js: Difference between revisions

Jump to navigation Jump to search

MediaWiki:Common.js (view source)

Revision as of 00:32, 3 August 2023

3,134 bytes added ,  3 August 2023
from gumball wiki
imported>Logoarto
(from team fortress wiki)
imported>Logoarto
(from gumball wiki)
Line 323: Line 323:
/*Discord widget*/
/*Discord widget*/
$( "#discord-widget" ).html('<iframe src="https://discord.com/widget?id=333345832059273216&theme=dark" width="100%" height="255px" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>');
$( "#discord-widget" ).html('<iframe src="https://discord.com/widget?id=333345832059273216&theme=dark" width="100%" height="255px" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>');
// PootTabs by User:WindPower~
// Tabber
// It puts tabs on pages.
var Tabs = {
var pootTabsHere = {
     switchDuration: 400,
     animationsEnabled: $.support.opacity,
    selectorDuration: 200,
getTab:function(poot, index) {
    inactiveOpacity: 0.25,
return $(poot.children('.poot-tabs').children('ul').children('li')[parseInt(index)]);
    hoverOpacity: 0.6,
},
    tab1: null,
changeTab:function(poot, index, duration, force) {
    tab2: null,
if(index == parseInt(poot.attr('pootSelected')) && !force && duration) return;
    tab3: null,
if(!pootTabsHere.animationsEnabled) {
    tab4: null,
duration = 0;
    tab5: null,
}
    tab6: null,
poot.attr('pootSelected', index.toString());
    tab1Selector: null,
var babies = poot.children('.poot-tabs-content').children();
    tab2Selector: null,
babies.each(function() {
    tab3Selector: null,
$(this).fadeOut(duration, function(){
    tab4Selector: null,
$(this).removeClass('poot-tabs-selected');
    tab5Selector: null,
});
    tab6Selector: null,
});
    selected: 1,
$(babies[index]).each(function() {
    hoverTab: function (tab) {
$(this).fadeIn(duration, function(){
        "use strict";
$(this).addClass('poot-tabs-selected');
        if (tab === Tabs.selected) {
});
            return;
});
        }
var cowtabs = poot.children('.poot-tabs').children('ul').children('li');
        if (tab === 1) {
cowtabs.removeClass('poot-tabs-selected');
            Tabs.tab1Selector.animate({
$(cowtabs[index]).addClass('poot-tabs-selected');
                opacity: Tabs.hoverOpacity
pootTabsHere.updatePoot(poot, $(babies[index]).height());
            }, Tabs.selectorDuration);
},
        }
updatePoot:function(poot, babysize) {
        if (tab === 2) {
if(poot.hasClass('poot-tabs-notitle')) {
            Tabs.tab2Selector.animate({
poot.find('.poot-tabs-titletext').html(pootTabsHere.getTab(poot, poot.attr('pootSelected')).html());
                opacity: Tabs.hoverOpacity
} else {
            }, Tabs.selectorDuration);
poot.find('.poot-tabs-titletext').html(poot.attr('originalTitle') + ' &mdash; ' + pootTabsHere.getTab(poot, poot.attr('pootSelected')).html());
        }
}
        if (tab === 3) {
if(poot.has('.poot-tabs-edittabs') && poot.has('.poot-tabs-navbar')) {
            Tabs.tab3Selector.animate({
try {
                opacity: Tabs.hoverOpacity
poot.find('.poot-tabs-navbar').html($(poot.children('.poot-tabs-edittabs').children('span')[parseInt(poot.attr('pootSelected'))]).html());
            }, Tabs.selectorDuration);
} catch(e) {}
        }
}
        if (tab === 4) {
var bestHeight = Math.max(poot.children('.poot-tabs-content').height(), Math.max(poot.children('.poot-tabs').height(), babysize)).toString() + 'px';
            Tabs.tab4Selector.animate({
poot.children('.poot-tabs-content').css('height', bestHeight);
                opacity: Tabs.hoverOpacity
if(poot.attr('vertical')) {
            }, Tabs.selectorDuration);
poot.children('.poot-tabs').css('height', bestHeight);
        }
}
        if (tab === 5) {
},
            Tabs.tab5Selector.animate({
toggleCollapse:function(poot) {
                opacity: Tabs.hoverOpacity
var pootLinkText = poot.children('.poot-tabs-showhide').text().split(';');
            }, Tabs.selectorDuration);
var duration = pootTabsHere.animationsEnabled ? parseInt(poot.attr('pootslideduration')) : 0;
        }
if(poot.attr('pootcollapse') != 'true') {
        if (tab === 6) {
poot.attr('pootcollapse', 'true');
            Tabs.tab6Selector.animate({
poot.find('.poot-tabs-hidelink a').text(pootLinkText[0]);
                opacity: Tabs.hoverOpacity
poot.children('.poot-tabs, .poot-tabs-content').slideUp(duration);
            }, Tabs.selectorDuration);
}
        }
else {
    },
poot.attr('pootcollapse', '');
    unhoverTab: function (tab) {
poot.find('.poot-tabs-hidelink a').text(pootLinkText[1]);
        "use strict";
poot.children('.poot-tabs, .poot-tabs-content').slideDown(duration);
        if (tab === Tabs.selected) {
}
            return;
},
        }
delayHeight:function(poot, selected) {
        if (tab === 1) {
setTimeout(function() {
            Tabs.tab1Selector.animate({
poot.attr('pootselected', selected.toString());
                opacity: Tabs.inactiveOpacity
pootTabsHere.changeTab(poot, selected, 0, true);
            }, Tabs.selectorDuration);
if(poot.hasClass('poot-tabs-collapsed')) {
        }
pootTabsHere.toggleCollapse(poot);
        if (tab === 2) {
}
            Tabs.tab2Selector.animate({
}, 100);
                opacity: Tabs.inactiveOpacity
},
            }, Tabs.selectorDuration);
poot:function() {
        }
var dis = $(this);
        if (tab === 3) {
dis.removeClass('poot-tabs-nojs'); // If this thing runs, JS is on
            Tabs.tab3Selector.animate({
var ind = 0;
                opacity: Tabs.inactiveOpacity
dis.attr('originalTitle', dis.find('.poot-tabs-titletext').html());
            }, Tabs.selectorDuration);
var selected = /poot-tabs-selected-(\d+)/i.exec(dis.attr('class'));
        }
if(selected) {
        if (tab === 4) {
pootTabsHere.delayHeight(dis, parseInt(selected[1])-1);
            Tabs.tab4Selector.animate({
}
                opacity: Tabs.inactiveOpacity
else {
            }, Tabs.selectorDuration);
pootTabsHere.delayHeight(dis, 0);
        }
}
        if (tab === 5) {
var duration = dis.hasClass('poot-tabs-noanimations') ? 0 : 200;
            Tabs.tab5Selector.animate({
dis.attr('pootslideduration', dis.hasClass('poot-tabs-noanimations') ? '0' : '75');
                opacity: Tabs.inactiveOpacity
dis.children('.poot-tabs').children('ul').children('li').each(function(){
            }, Tabs.selectorDuration);
var thisInd = ind;
        }
$(this).click(function(){
        if (tab === 6) {
pootTabsHere.changeTab(dis, thisInd, duration, false);
            Tabs.tab6Selector.animate({
$(this).blur();
                opacity: Tabs.inactiveOpacity
$(this).find('*').blur();
            }, Tabs.selectorDuration);
return false;
        }
});
    },
ind++;
    changeTab: function (tab) {
});
        "use strict";
var isVertical = dis.hasClass('poot-tabs-vertical');
        if (tab === Tabs.selected) {
dis.attr('pootvertical', isVertical ? 'true' : '');
            return;
if(isVertical) {
        }
var teenie = dis.children('.poot-tabs').width().toString() + 'px';
        if (Tabs.selected === 1) {
dis.children('.poot-tabs-content').css('margin-left', teenie);
            Tabs.tab1.hide(Tabs.switchDuration);
}
            Tabs.tab1Selector.animate({
dis.attr('pootcollapse', ''); // False
                opacity: Tabs.inactiveOpacity
dis.find('.poot-tabs-hidelink a').click(function(){
            }, Tabs.selectorDuration);
pootTabsHere.toggleCollapse(dis);
        }
return false;
        if (Tabs.selected === 2) {
});
            Tabs.tab2.hide(Tabs.switchDuration);
},
            Tabs.tab2Selector.animate({
init:function() {
                opacity: Tabs.inactiveOpacity
$('.poot-tabs-container').each(pootTabsHere.poot);
            }, Tabs.selectorDuration);
}
        }
        if (Tabs.selected === 3) {
            Tabs.tab3.hide(Tabs.switchDuration);
            Tabs.tab3Selector.animate({
                opacity: Tabs.inactiveOpacity
            }, Tabs.selectorDuration);
        }
        if (Tabs.selected === 4) {
            Tabs.tab4.hide(Tabs.switchDuration);
            Tabs.tab4Selector.animate({
                opacity: Tabs.inactiveOpacity
            }, Tabs.selectorDuration);
        }
        if (Tabs.selected === 5) {
            Tabs.tab5.hide(Tabs.switchDuration);
            Tabs.tab5Selector.animate({
                opacity: Tabs.inactiveOpacity
            }, Tabs.selectorDuration);
        }
        if (Tabs.selected === 6) {
            Tabs.tab6.hide(Tabs.switchDuration);
            Tabs.tab6Selector.animate({
                opacity: Tabs.inactiveOpacity
            }, Tabs.selectorDuration);
        }
        Tabs.selected = tab;
        if (tab === 1) {
            Tabs.tab1.show(Tabs.switchDuration);
            Tabs.tab1Selector.animate({
                opacity: 1
            }, Tabs.selectorDuration);
        }
        if (tab === 2) {
            Tabs.tab2.show(Tabs.switchDuration);
            Tabs.tab2Selector.animate({
                opacity: 1
            }, Tabs.selectorDuration);
        }
        if (tab === 3) {
            Tabs.tab3.show(Tabs.switchDuration);
            Tabs.tab3Selector.animate({
                opacity: 1
            }, Tabs.selectorDuration);
        }
        if (tab === 4) {
            Tabs.tab4.show(Tabs.switchDuration);
            Tabs.tab4Selector.animate({
                opacity: 1
            }, Tabs.selectorDuration);
        }
        if (tab === 5) {
            Tabs.tab5.show(Tabs.switchDuration);
            Tabs.tab5Selector.animate({
                opacity: 1
            }, Tabs.selectorDuration);
        }
        if (tab === 6) {
            Tabs.tab6.show(Tabs.switchDuration);
            Tabs.tab6Selector.animate({
                opacity: 1
            }, Tabs.selectorDuration);
        }
    },
    init: function () {
        "use strict";
        Tabs.tab1 = $('#content-1');
        Tabs.tab1Selector = $('#selector-1').click(function () {
            Tabs.changeTab(1);
            return false;
        }).css('opacity', 1);
        Tabs.tab1Selector.hover(function () {
            Tabs.hoverTab(1);
        }, function () {
            Tabs.unhoverTab(1);
        });
        Tabs.tab2 = $('#content-2');
        Tabs.tab2Selector = $('#selector-2').click(function () {
            Tabs.changeTab(2);
            return false;
        }).css('opacity', Tabs.inactiveOpacity);
        Tabs.tab2Selector.hover(function () {
            Tabs.hoverTab(2);
        }, function () {
            Tabs.unhoverTab(2);
        });
        Tabs.tab3 = $('#content-3');
        Tabs.tab3Selector = $('#selector-3').click(function () {
            Tabs.changeTab(3);
            return false;
        }).css('opacity', Tabs.inactiveOpacity);
        Tabs.tab3Selector.hover(function () {
            Tabs.hoverTab(3);
        }, function () {
            Tabs.unhoverTab(3);
        });
        Tabs.tab4 = $('#content-4');
        Tabs.tab4Selector = $('#selector-4').click(function () {
            Tabs.changeTab(4);
            return false;
        }).css('opacity', Tabs.inactiveOpacity);
        Tabs.tab4Selector.hover(function () {
            Tabs.hoverTab(4);
        }, function () {
            Tabs.unhoverTab(4);
        });
        Tabs.tab5 = $('#content-5');
        Tabs.tab5Selector = $('#selector-5').click(function () {
            Tabs.changeTab(5);
            return false;
        }).css('opacity', Tabs.inactiveOpacity);
        Tabs.tab5Selector.hover(function () {
            Tabs.hoverTab(5);
        }, function () {
            Tabs.unhoverTab(5);
        });
        Tabs.tab6 = $('#content-6');
        Tabs.tab6Selector = $('#selector-6').click(function () {
            Tabs.changeTab(6);
            return false;
        }).css('opacity', Tabs.inactiveOpacity);
        Tabs.tab6Selector.hover(function () {
            Tabs.hoverTab(6);
        }, function () {
            Tabs.unhoverTab(6);
        });
    }
};
};
$(pootTabsHere.init);
Tabs.init();
Anonymous user
Retrieved from "https://avidwiki.mywikis.net/wiki/Special:MobileDiff/1163"

Navigation menu