MediaWiki:Common.js

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

/* Make the top-left SandcatRPG logo link to main site */
$(".timeless-logo").attr("href", 'http://rpg.sandcat.nl/');

/* for a Move, deselect the "Leave a redirect behind" checkbox by default */
if ( mw.config.get( 'wgCanonicalSpecialPageName' ) === 'Movepage' ) { 
  $( function () { 
    i= $( 'input[name=wpLeaveRedirect]' ); 
    if ( i.length ) { 
      i[0].checked = false; 
    } 
  } ) 
}

/* Scroll to the active cell on the Zone Map */
if (mw.config.get('wgPageName') === 'Zone_Map') {
    document.getElementById('active').scrollIntoView({
        behavior: 'auto',
        block: 'center',
        inline: 'center'
    });

  $('#fullscreeninput').on('click', function(){
    // if already full screen; exit
    // else go fullscreen
    if (document.fullscreenElement) {
      document.exitFullscreen();
    } else {
      $('#zonemap').get(0).requestFullscreen();
    }
  });






function setZoom(zoom,el) {  
      transformOrigin = [0,0];
	    el = el || instance.getContainer();
	    var p = ["webkit", "moz", "ms", "o"],
            s = "scale(" + zoom + ")",
            oString = (transformOrigin[0] * 100) + "% " + (transformOrigin[1] * 100) + "%";

	    for (var i = 0; i < p.length; i++) {
	        el.style[p[i] + "Transform"] = s;
	        el.style[p[i] + "TransformOrigin"] = oString;
	    }

	    el.style["transform"] = s;
	    el.style["transformOrigin"] = oString;    
}

//setZoom(5,document.getElementsByClassName('container')[0]);

function showVal(a){
   var zoomScale = Number(a)/10;
   setZoom(zoomScale,document.getElementsByClassName('gridmap')[0]);
   /* resize */
    
   /* recenter */
   document.getElementById('active').scrollIntoView({
        behavior: 'auto',
        block: 'center',
        inline: 'center'
    });    
}

/* Scroll to the active cell on the Zone Map */

    document.getElementById('zoominput').innerHTML = '<input id="test" min="5" max="20" value="10" step="1" onchange="showVal(this.value)" type="range"/>';






}