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

m
m
Line 15: Line 15:
 
         }).join(', ')).css('visibility', 'visible');
 
         }).join(', ')).css('visibility', 'visible');
 
     })
 
     })
     .on('mouseout', 'article', function() {
+
     .on('mouseout', '.overlayhighlighter', function() {
 
         $('.mapgrid').css('visibility', 'hidden');
 
         $('.mapgrid').css('visibility', 'hidden');
 
     });
 
     });

Revision as of 19:16, 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', '.overlayhighlighter', function() {
        $('.mapgrid').css('visibility', 'hidden');
    });

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

            case 40: // down
                $('.overlaygrid').css('fontSize', parseInt($('.overlaygrid').css('fontSize')) - 1 + 'px');
                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
};