NeWorld

Kartais mum reikia sužinoti darbinio lango dydį bei plotį. Galima pačiam pasirašyti funkciją, tačiau ji gali veikti ne visose naršyklėse. Šios dvi funkcijos veikė ant mano išbandytų naršyklių (IE6,IE7,opera,firefox,maxthon):

[code lang="javascript"]function getWindowHeight() {
var iwindowHeight = 0;
if (typeof(window.innerHeight) == 'number') {
iwindowHeight = window.innerHeight;
}
else {
if (document.documentElement && document.documentElement.clientHeight) {
iwindowHeight = document.documentElement.clientHeight;
}
else {
if (document.body && document.body.clientHeight) {
iwindowHeight = document.body.clientHeight;
}
}
}
return iwindowHeight;
}
function getWindowWidth() {
var iWindowWidth = 0;
if (typeof(window.innerWidth) == 'number') {
iwindowWidth = window.innerWidth;
}
else {
if (document.documentElement && document.documentElement.clientWidth) {
iwindowWidth = document.documentElement.clientWidth;
}
else {
if (document.body && document.body.clientWidth) {
iwindowWidth = document.body.clientWidth;
}
}
}
return iwindowWidth;
}[/code]

Dauguma šių funkcijų tinka ne tik div’am.
Norėdami dirbti su divu, turite jam priskirti id
[code lang="javascript"]
gražina į kintamajį elementą. Ją naudosiu tolesnėse funkcijose
function getelement(element) {
return document.getElementById(element);
}
//parodomo diva (veiks jeigu paslepimui naudojote stiliu: "display:none";
function showdiv(name) {
div=getelement(name);
div.style.display='block';
return true;
}
//paslepia diva
function hidediv(name) {
div=getelement(name);
div.style.display='none';
return true;
}
//keičia div rodymo/paslėpimo buseną. Tarkim paslėptą divą parodys, o matomą, paslėps.
function swap_content(name){
displayType=(document.getElementById(name).style.display=='none') ? 'block':'none';
document.getElementById(name).style.display=displayType;
return true;
}
//pakeičiam div'o turinį
function writetodiv(div,text) {
document.getElementById(div).innerHTML=text;
return true;
};
//Diva nusiunčiam į centrą. Būtinai reikės funkcijų gauti lango dydžiui: jas rasite čia
function setContent(content) {
if (document.getElementById) {
var windowHeight = getWindowHeight();
var windowWidth = getWindowWidth();
if (windowHeight > 0) {
var contentElement = document.getElementById(content);
var contentHeight = contentElement.offsetHeight;
var contentWidth = contentElement.offsetWidth;
if (windowHeight - contentHeight > 0) {
contentElement.style.top = ((windowHeight / 2) - (contentHeight / 2)) + 'px';
contentElement.style.left = ((windowWidth / 2) - (contentWidth / 2)) + 'px';
}
}
}
return false;
}
[/code]