I was getting annoyed with the console window so I made my monkeygame.html file readonly so the ide couldnt replace it, I set its width etc for the game and then added a little javascript to clear the console and to keep its page at the bottom, to show the new items being added.
It saves you from having to scroll down all the time specially when there is tons being printed.
Just thought I would post it in case anyone else like me was getting miffed by it. Oh it's odd but the context textarea does not seem to fire off an onchange when monkey adds a new line so I changed or added a call to update on the canvas. its not idea but it works for my click heavy project.
has anyone else got round to hacking together a better console if so do tell ..
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body{
height: 100%;
overflow: hidden; /* keeps scrollbar off IE */
font-family: arial,sans-serif;
font-size: 13px;
color: #000;
background-color: #fff;
padding:0px;
margin:0px;
}
canvas:focus{
outline:none;
}
a {
font-weight:bold;
color:#000;
background-color:#999;
text-decoration:none;
}
a:hover {
background-color:#000;
color:#f00;
}
.bar{
background-color:#999;
color:#000;
width=100%;
}
</style>
<script type = "text/javascript">
function eraseText() {
document.getElementById("GameConsole").value = "";
}
function update(){
var Console = document.getElementById('GameConsole');
var height = Console.scrollHeight;
if(Console.scrollHeight > (height-200))
{
Console.scrollTop = height;
}
}
</script>
</head>
<body>
<canvas id="GameCanvas" onclick="this.focus();update();" oncontextmenu="return false;" width=800 height=480 tabindex=1></canvas><br>
<div class="bar"><a onclick="eraseText()">Clear</a> | <a onclick="update()">Bottom</a> | <a>Save</a></div><br>
<textarea onchange="update()" id="GameConsole" style="width:800px;height:200px;border:1;padding:0;margin:0" ></textarea><br>
<script language="javascript" src="main.js">Javascript not supported!</script>
</body>
</html>
| 
