Difference between revisions of "MediaWiki:Atlas Tools.js"

m
m
Line 1: Line 1:
    /* Flash icons on hover. */
+
/* Flash icons on hover. */
    $('#UOLinksList').on('mouseover', 'span', function () {
+
$('#UOLinksList').on('mouseover', 'span', function() {
 
         $('.pin a img').addClass('pin-not_circle');
 
         $('.pin a img').addClass('pin-not_circle');
 
         $('#' + $(this).data('pair') + ' a img').addClass('pin-circle').removeClass('pin-not_circle');
 
         $('#' + $(this).data('pair') + ' a img').addClass('pin-circle').removeClass('pin-not_circle');
 
     })
 
     })
     .on('mouseout', 'span', function () {
+
     .on('mouseout', 'span', function() {
 
         $('.pin a img').removeClass('pin-not_circle');
 
         $('.pin a img').removeClass('pin-not_circle');
 
         $('#' + $(this).data('pair') + ' a img').removeClass('pin-circle');
 
         $('#' + $(this).data('pair') + ' a img').removeClass('pin-circle');
 
     });
 
     });
    /* Highlight map region on hover. */
+
/* Highlight map region on hover. */
    $('body').on('mouseover', '.overlayhighlighter', function () {
+
$('body').on('mouseover', '.overlayhighlighter', function() {
         $('.mapgrid').css('visibility','hidden');
+
         $('.mapgrid').css('visibility', 'hidden');
         $([...$(this).find('span:first').text().split(',')].map((x) => { return `.grid${x}` }).join(', ')).css('visibility','visible');
+
         $([...$(this).find('span:first').text().split(',')].map((x) => {
 +
            return `.grid${x}`
 +
        }).join(', ')).css('visibility', 'visible');
 
     })
 
     })
     .on('mouseout', 'article', function () {
+
     .on('mouseout', 'article', function() {
         $('.mapgrid').css('visibility','hidden');
+
         $('.mapgrid').css('visibility', 'hidden');
 
     });
 
     });
 +
 +
document.onkeydown = function(e) {
 +
    if (e.ctrlKey) {
 +
        switch (e.which) {
 +
            case 38: // up
 +
                $('.overlaygrid').css('fontSize', $('.overlaygrid').css('fontSize') + 1);
 +
                break;
 +
 +
            case 40: // down
 +
                $('.overlaygrid').css('fontSize', $('.overlaygrid').css('fontSize') - 1);
 +
                break;
 +
 +
            case 66: // "b"
 +
                $('.mapgrid').css({
 +
                    background: 'red'
 +
                });
 +
                break;
 +
 +
            case 79: // "o"
 +
                $('.mapgrid').css({
 +
                    visibility: 'visible',
 +
                    borderLeft: '1px solid white',
 +
                    borderTop: '1px solid white',
 +
                    background: 'inherit'
 +
                });
 +
                $('.hideoverlaytext').removeClass('hideoverlaytext');
 +
                $('.overlaygrid').css({
 +
                    opacity: '100%',
 +
                    fontSize: '9px'
 +
                });
 +
                break;
 +
 +
            default:
 +
                return; // exit this handler for other keys
 +
        }
 +
    }
 +
    e.preventDefault(); // prevent the default action
 +
};

Revision as of 18:10, 28 September 2020

/* Flash icons on hover. */
$('#UOLinksList').on('mouseover', 'span', function() {
        $('.pin a img').addClass('pin-not_circle');
        $('#' + $(this).data('pair') + ' a img').addClass('pin-circle').removeClass('pin-not_circle');
    })
    .on('mouseout', 'span', function() {
        $('.pin a img').removeClass('pin-not_circle');
        $('#' + $(this).data('pair') + ' a img').removeClass('pin-circle');
    });
/* Highlight map region on hover. */
$('body').on('mouseover', '.overlayhighlighter', function() {
        $('.mapgrid').css('visibility', 'hidden');
        $([...$(this).find('span:first').text().split(',')].map((x) => {
            return `.grid${x}`
        }).join(', ')).css('visibility', 'visible');
    })
    .on('mouseout', 'article', function() {
        $('.mapgrid').css('visibility', 'hidden');
    });

document.onkeydown = function(e) {
    if (e.ctrlKey) {
        switch (e.which) {
            case 38: // up
                $('.overlaygrid').css('fontSize', $('.overlaygrid').css('fontSize') + 1);
                break;

            case 40: // down
                $('.overlaygrid').css('fontSize', $('.overlaygrid').css('fontSize') - 1);
                break;

            case 66: // "b"
                $('.mapgrid').css({
                    background: 'red'
                });
                break;

            case 79: // "o"
                $('.mapgrid').css({
                    visibility: 'visible',
                    borderLeft: '1px solid white',
                    borderTop: '1px solid white',
                    background: 'inherit'
                });
                $('.hideoverlaytext').removeClass('hideoverlaytext');
                $('.overlaygrid').css({
                    opacity: '100%',
                    fontSize: '9px'
                });
                break;

            default:
                return; // exit this handler for other keys
        }
    }
    e.preventDefault(); // prevent the default action
};