Browse Source

Screen depends on window

master
Joshua Moerman 11 years ago
parent
commit
8ee678ee48
  1. 4
      index.css
  2. 12
      index.js

4
index.css

@ -55,8 +55,8 @@ h1 {
#app { #app {
background: #000; background: #000;
position: absolute; position: absolute;
width: 1000px; width: 300px;
height: 600px; height: 300px;
left:0; left:0;
right:0; right:0;
margin-left:auto; margin-left:auto;

12
index.js

@ -32,8 +32,16 @@ function init() {
return false; return false;
} }
function onOpen(evt) { function resize(){
var app = document.getElementById('app');
app.style.width = (window.innerWidth - 8) + 'px';
app.style.height = (window.innerHeight - 4) + 'px';
updateUser(); updateUser();
}
function onOpen(evt) {
resize();
window.addEventListener('resize', resize, false);
setInterval(poll, speed, true); setInterval(poll, speed, true);
} }
@ -162,7 +170,7 @@ function drawRemove(line){
function updateUser() { function updateUser() {
var myself = { var myself = {
name: myName, name: myName,
size: {width: window.innerWidth, height: window.innerHeight} size: {width: window.innerWidth - 8, height: window.innerHeight - 4}
}; };
var packet = { var packet = {
command: 'update user', command: 'update user',