Santoz
Legacy Member
hallo,
Ik heb momenteel een divje wat ik een bepaalde grootte moet geven adhv de grootte van het scherm, tenzij deze al groter is dan de hoogte die ik wil toekennen. bij onload wordt de div op juiste hoogte gezet, en moet er geen controle gebeuren of de div content height groter is. enkel op resize van de div (ajax calls)
met de code wat ik nu heb zal de content van die div, bij het groter worden dan de uitgerekende hoogte van het scherm, er niet voor zorgen dat de hoogte groter wordt. de content van de div zal gewoon uit de lijnen van de div treden. Dit zou automatisch moeten aangepast worden.
Is er hier misschien een gemakkelijke oplossing voor?
bij onload mag deze hoogte altijd uitgevoerd worden. Dit werkt ook.
Ook bij resize van het scherm werkt dit.
bij een resize van de div (ajax dus geen postback, enkel div resize)
<div onresize = "">, deze resize heeft geen effect.
Ik heb momenteel een divje wat ik een bepaalde grootte moet geven adhv de grootte van het scherm, tenzij deze al groter is dan de hoogte die ik wil toekennen. bij onload wordt de div op juiste hoogte gezet, en moet er geen controle gebeuren of de div content height groter is. enkel op resize van de div (ajax calls)
met de code wat ik nu heb zal de content van die div, bij het groter worden dan de uitgerekende hoogte van het scherm, er niet voor zorgen dat de hoogte groter wordt. de content van de div zal gewoon uit de lijnen van de div treden. Dit zou automatisch moeten aangepast worden.
Is er hier misschien een gemakkelijke oplossing voor?
bij onload mag deze hoogte altijd uitgevoerd worden. Dit werkt ook.
Ook bij resize van het scherm werkt dit.
Code:
function Load() {
var tabheight = document.body.clientHeight - 310;
tabheight = tabheight + "px";
document.getElementById("statContainer").style.height = tabheight;
}bij een resize van de div (ajax dus geen postback, enkel div resize)
<div onresize = "">, deze resize heeft geen effect.
Code:
function StatContainerResize() {
var tabheight = document.body.clientHeight - 310;
var tabContentHeight = document.getElementById("MainPanelContainer").clientHeight + 50;
if (tabheight < tabContentHeight) {
document.getElementById("statContainer").style.height = tabContentHeight + "px";
}
}