Александр

var getCookie = function (name) {
	var matches = document.cookie.match(new RegExp(
		"(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
	));
	return matches ? decodeURIComponent(matches[1]) : undefined;
}

Есть свойство в CSS3, позволяющее поступать очень гибко
height: calc(100% - 220px);
Естественно в старых браузерах не работает, а также не поддерживается в 12-й опере

Но если речь именно о 100%, то суть решения сводится к тому, чтобы выстроить родительскую цепочку DOM контрейнеров с высотой 100%

думаю поможет вот это, если вы связались с websockets

Я в своё время сверстал фотогалерею с веселой музычкой + выложил ссылку на архив.
Берется обычный jquery-плагин, типа colorbox. Немного кода для пагинации.
Правда после добавления музыки пагинацию пришлось делать через ajax.

Вам возможно следует поменять парадигму приложения на событийно-ориентированную.
Тогда вам не потребуется обновлять по таймеру представления и создавать избыточную нагрузку на сервер.
Это значит, что возможно вам придется копать в сторону long polling, Ratchet или же вообще поступить радикально и перейти на node.js

Моё мнение пока сложилось следующим.
Генерация разметки в браузере целесообразна в том случае, когда необходимо отображать информацию из одних и тех же сущностей системы, но в разных представлениях (например в зависимости от роли пользователя в системе или в разных контекстах: как на страницах сайта, так и вообще платформах).
В иных случаях мне кажется смысла тратить на это силы нет.

Навесить javascript событие. onchange хотя бы.

Можно явно указывать кодировку при ajax-запросе из jquery в параметрах функции ajax

scriptCharset: "utf-8"