Прошу подсказать как реализовать создание данного интерфейса
1. Если добавить много строчек так чтобы появилась вертикальная прокрутка значении "ИТОГО" должно прилипнуть к нижней границе браузера вокруг него должно появиться рамка.
2. Когда прокручиваем до самого низа и строчка "ИТОГО" ничего не перекрывает - рамка исчезает
Первый пункт реализовал так
/*----------------------------------------------------------------------------------
Если добавить много строчек так чтобы появилась вертикальная прокрутка
значение "ИТОГО" должно прилипнуть к нижней границе браузера вокруг него должно появиться рамка.
-----------------------------------------------------------------------------------*/
function getsize() {
poscont = getElementPosition('cont');
var topcont = poscont.top;//положение от вержнего края
var heightcont = poscont.height;//высота ДИВа с добавлениями
var heightresdiv = posresdiv.height;//высота Итого
heightClient = getClientHeight();//высота клиентской (рабочей) области окна браузера
bottomcont = parseInt(topcont) + parseInt(heightcont) + parseInt(heightresdiv);//положение от вержнего края + высота
//lblresult.value = heightClient + " Итого (низ:" + bottomcont + ")";
/*--------------------------------------------------------------------------------
вычислить разность между heightClient - bottomcont
если отрицательная - то изменить CSS resdiv на рамку
}
--------------------------------------------------------------------------------*/
resultcss = heightClient - bottomcont;
if (resultcss <= 0)
resdiv.className = "border";
else resdiv.className = " ";
}
//Как узнать положение элемента на странице (определение координат элемента)?
function getElementPosition(elemId) {
var elem = document.getElementById(elemId);
var w = elem.offsetWidth;
var h = elem.offsetHeight;
var l = 0;
var t = 0;
while (elem) {
l += elem.offsetLeft;
t += elem.offsetTop;
elem = elem.offsetParent;
}
return { "left": l, "top": t, "width": w, "height": h };
}
//IE5+, Mozilla 1.0+, Opera 7+
//Как узнать ширину и высоту клиентской (рабочей) области окна браузера?
//http://www.cyberguru.ru/web/html/javascript-samples-page2.html
/*--------------------------------------------------------------------------
var t = document.getElementById('test');
t.style.width = getDocumentWidth() + 'px';
t.style.height = getDocumentHeight() + 'px';
-------------------------------------------------------------------------------*/
function getClientWidth() {
return document.compatMode == 'CSS1Compat' && !window.opera ? document.documentElement.clientWidth : document.body.clientWidth;
}
function getClientHeight() {
return document.compatMode == 'CSS1Compat' && !window.opera ? document.documentElement.clientHeight : document.body.clientHeight;
}
а вот по второму ничего не могу понять