MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* Any JavaScript here will be loaded for all users on every page load. */

//2kki map frame
mw.hook('wikipage.content').add(function($content) {
    $content.find('.kkiDiv:not(.loaded)').each(function() {
        var $this = $(this);
        $this.html(
            $('<iframe>', {
                border: 0,
                frameborder: 0,
                scrolling: 'no',
                class: 'kkiFrame',
                src: 'https://yume-2kki-explorer.herokuapp.com/',
            })
        ).addClass('loaded');
    });
});
    
(function () {
    $(".iconSearch").click(addClass);
    
    function addClass(){
        var target = $(this).prop("title");
        console.log(target);
        $("span." + target).each(function(){
            if ($(this).hasClass("highlight")) {
                $(this).removeClass("highlight");
            }
            else {
                $(this).addClass("highlight");
            }
		});	
    }    
}());

(function () {
    $(".iconSearch").click(addClass);
    
    function addClass(){
        var target = $(this).prop("title");
        $("span." + target).each(function(){
            if ($(this).hasClass("highlight")) {
                $(this).removeClass("highlight");
            }
            else {
                $(this).addClass("highlight");
            }
		});	
    }    
}());

(function () {
    $(".spoiler").click(changeClass);
    
    function changeClass(){
        if ($(this).hasClass("spoiler")) {
            $(this).removeClass("spoiler");
            $(this).addClass("spoilerClicked");
        }
        else {
            $(this).removeClass("spoilerClicked");
            $(this).addClass("spoiler");
        }
    }    
}());

(function () {
    $(".spoilerBlock").click(addClass);
    
    function addClass(){
        var target = $(this).prop("title");
        $("span." + target).each(function(){
            if ($(this).hasClass("spoilerBlock")) {
                $(this).removeClass("spoilerBlock");
                $(this).addClass("spoilerBlockReveal");
            }
            else {
                $(this).addClass("spoilerBlock");
                $(this).removeClass("spoilerBlockReveal");
            }
		});	
    }    
}());