Maximize Canvas or Console

Monkey Targets Forums/HTML5/Maximize Canvas or Console

DrT	(Posted 2012) [#1]

Following up on http://www.monkeycoder.co.nz/Community/posts.php?topic=3184 , here are two functions to either maximize the canvas (while minimizing the console) or maximize the console (while minimizing the canvas).

html.js file

function MaximizeCanvas()
{
	var canvas = document.getElementById("GameCanvas");
	if (canvas)
	{
		canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;
	}

	var console = document.getElementById("GameConsole");
	if (console)
	{
		console.style.width = "0px";
		console.style.height = "0px";
	}
}

function MaximizeConsole()
{
	var canvas = document.getElementById("GameCanvas");
	if (canvas)
	{
		canvas.width = 0;
		canvas.height = 0;
	}
	var console = document.getElementById("GameConsole");
	if (console)
	{
		console.style.width = window.innerWidth +"px";
		console.style.height = window.innerHeight + "px";
	}
}

html.monkey file


Strict

Import "html.js"

Extern

Function MaximizeCanvas:Void()
Function MaximizeConsole:Void()

Public