Высшаяинженернаяшкола

Нужно сделать программку, для консультирования в режиме online. Незакончеая её версия сейчас выглядит так: malikov.org/question/
Данные будут передаваться в помощью AJAX. Javascript будет принимать текст, создавать HTML-код, и вставлять в ветку.

Но в Internet Explorer 6, при изменении размеров шрифта, текст общения выходит за рамки:
[img]s40.radikal.ru/i089/1008/bf/9c751ee31fd6.jpg[/img]


Поправить это можно с помощью javascript: склонировать узел, содержащий всю ветку обшения, затем удалить установленный узел и, на место старого узла, вставить обратно склонированный.

Я там сделал ссылку "Обновить вручную", которая запускает скрипт и вставляет текст на своё место.

Проблема в том, что обновление скрипта должно проходить автоматически, как бы реагируя на событие пользователя при увеличении шрифта.
Вопрос: как создать такое псевдособытие?


В интернете нашёл один способ: в каждое сообщение вставлять пустой элемент, фиксировать его координаты при загрузке и, через определённый интервал, следить за его смещением. Но этот способ, по моему, слишком муторный и тяжёлый, ведь ветка общения может оказаться очень большой...

Полная поддержка IE6 - требование заказчика (и по своему он прав). Пользователь может изменить размер шрифта и через панель инструментов (да, согласен, пользователей IE6, изменяющих шрифт в панели инструментов, ещё меньше :-).

Но решение было найдено, изменение шрифта отслеживается с помощью "offsetWidth" (я его привязал к элементу "SPAN", содержащего имя консультанта):
<font size="1"><font color="maroon">window.onload = function() {
//Определяем строчный элемент
var consultantSpan = window.document.getElementById('consultant').getElementsByTagName('SPAN')[0];

//определяем длинну строчного элемента и сохраняем её в переменную
var consultantSpanWidth = consultantSpan.offsetWidth;

//задаём интервал, вызывающий функцию updateTree()
setInterval(updateTree, 250);

//функция проверяет, не изменилась ли длинна строчного элемента
function updateTree() {
//если изменилась, обновляем содержимое и сохраняем новую длинну строчного элемента
if (consultantSpanWidth != consultantSpan.offsetWidth) {
var content_talking = window.document.getElementById('content_talking');
var table_talking = content_talking.getElementsByTagName('TABLE')[0].cloneNode('true');
content_talking.innerHTML = '';
content_talking.appendChild(table_talking);
content_talking = null;
consultantSpanWidth = consultantSpan.offsetWidth;
}
}
}</font id="maroon"></font id="size1">