☰

Full Screen Kongregate *OLD*

Play games at full browser size

当前为 2017-11-13 提交的版本，查看 最新版本。

  1. //=============================================================================
  2. // ==UserScript==
  3.  
  4. // @name           Full Screen Kongregate *OLD*
  5.  
  6. // @namespace      Kongregate
  7.  
  8. // @description    Play games at full browser size
  9. // @version        12+
  10. // @include        *://kongregate.com/games/*
  11. // @include        *://www.kongregate.com/games/*
  12. // @include        *://a.kongregate.com/games/*/*
  13.  
  14. // ==/UserScript==
  15.  
  16. // Since Kongregate flash elements take a while to load, the following code
  17. // keeps trying to access elements by their ID until it succeeds.
  18.  
  19.  
  20. //=============================================================================
  21. //=Globals
  22.  
  23. var oldstyle = false,
  24.     newstyle = false;
  25.  
  26. //=============================================================================
  27. //=Functions
  28.  
  29. // Once the element with the given ID is loaded, pass it to the given function.
  30. function Push(id, fun) {
  31.     try {
  32.         var elm = document.getElementById(id);
  33.         if (elm == null)
  34.             setTimeout(function() { Push(id, fun); }, 200);
  35.         else fun(elm);
  36.     } catch (e) { alert(e); }
  37. }
  38.  
  39. function Reset(elm)
  40. {
  41.     elm.removeAttribute('width');
  42.     elm.removeAttribute('height');
  43.     elm.style['margin'    ] = 0;
  44.     elm.style['padding'   ] = 0;
  45.     elm.style['left'      ] = 0;
  46.     elm.style['top'       ] = 0;
  47.     elm.style['right'     ] = '';
  48.     elm.style['bottom'    ] = '';
  49.     elm.style['textAlign' ] = 'left';
  50.     elm.style['position'  ] = 'relative';
  51.     elm.style['overflow'  ] = 'hidden';
  52. }
  53.  
  54. // Resize an inner element based on style.
  55. function Resize(elm) {
  56.     Reset(elm);
  57.     elm.style['width' ] = '100%';
  58.     if (elm.className == 'game_table')
  59.     {
  60.         var linkcell = document.getElementById('quicklinks').parentNode,
  61.             fcontent = document.getElementById('flashframecontent');
  62.         elm.style['height'] = (fcontent.offsetHeight - linkcell.offsetHeight)
  63.             + 'px';
  64.     }
  65.     else
  66.         elm.style['height'] = '100%';
  67. }
  68.  
  69. function PushResize(id) { Push(id, Resize); }
  70.  
  71. // Resize the main div according to the client dimensions.
  72. function ResizeClientRoot() {
  73.     var doc      = document.documentElement,
  74.         floating = document.getElementById('floating_game_holder'),
  75.         linkrow  = document.getElementById('quicklinks').parentNode.parentNode,
  76.         gamecell = document.getElementById('gameholder'),
  77.         table    = gamecell.parentNode.parentNode.parentNode,
  78.         fcontent = document.getElementById('flashframecontent');
  79.     
  80.     floating.style.width  = (doc.clientWidth-5+300)+'px';
  81.     floating.style.height = (doc.clientHeight-10)+'px';
  82.     floating.scrollIntoView(true);
  83. }
  84.  
  85. function ResizeDescend(elmstart, elmend) {
  86.     for (var elm = elmstart; elm != elmend; elm = elm.parentNode)
  87.         Resize(elm);
  88. }
  89.  
  90. //=============================================================================
  91. //=Main code
  92.  
  93. // Do property modifications.
  94.  
  95. try {
  96.     var ResizeAll = function() {
  97.         var gamediv = document.getElementById('gamediv'),
  98.             gameiframe = document.getElementById('gameiframe');
  99.         oldstyle = gameiframe != null;
  100.         newstyle = gamediv != null && gamediv.nodeName == 'OBJECT';
  101.         if (!(oldstyle || newstyle)) {
  102.             setTimeout(ResizeAll, 200);
  103.             return;
  104.         }
  105.         
  106.         Push('play', function(elm) {
  107.             elm.style['overflow'] = 'scroll'; });
  108.         Push('primarywrap', function(elm) {
  109.             elm.style['padding'] = 0;
  110.             elm.style['width'] = 'auto'; });
  111.  
  112.         var floating = document.getElementById('floating_game_holder');
  113.         Reset(floating);
  114.         if (newstyle)
  115.             ResizeDescend(gamediv, floating);
  116.         else {
  117.             gameiframe.scrolling = 'no';
  118.             ResizeDescend(gameiframe, floating);
  119.         }
  120.  
  121.         // Resize listener.
  122.         ResizeClientRoot();
  123.         window.addEventListener('resize', ResizeAll, false);
  124.         
  125.         Push('chat_container_cell', function(elm) {
  126.             elm.style['width'] = '300px';
  127.             elm.style['height'] = '100%'; });
  128.         PushResize('chat_container');
  129.     };
  130.     ResizeAll();
  131.     setTimeout(ResizeAll, 500);
  132. } catch (e) { alert(e); }