Problemer med script min- /max-width ala CSS metoden
Hej Jeg ønsker at kunne bruge min-width og max-width i IE.Men da dette ikke kan lade sig gøre ved CSS, har jeg prøvet i JavaScript.
Men Kan ikke få det til at lykkes..
Jeg får nu en "has no proberties fejl"
Scriptet som følger:
var page;
function rLoad(){
page = document.getElementById("page");
}
function rSize(page) {
var wauto = page.currentStyle.width;
var wMaxclient = 964;
var wMinclient = 770;
var wMinwidth = 708;
var wMaxwidth = 900;
var wWidth = window.innerWidth ? window.innerWidth : document.body.clientWidth;
if ( wWidth > wMaxclient && this.sSize != "max" ) this.sSize = "max";
else if ( wWidth < wMinclient && this.sSize !="min" ) this.sSize = "min";
else if ( wWidth < wMaxclient && wWidth > wMinclient && this.sSize != "auto" ) this.sSize = "auto";
switch ( this.sSize ) {
case "min" :
this.style.width = wMinwidth + "px";
break;
case "max" :
this.style.width = wMaxwidth + "px";
break;
case "auto" :
this.style.width = wauto;
break;
}
}
window.onload = rLoad();
window.onresize = rSize(page);
og i htmlkoden
har jeg så:
<div id="page">
<p>testing</p>
</div>
Probelemt som jeg kan se det er at onresize metoden bliver kørt før onload...og derfor ikke for oprette objectet/parameteren.
Kan i hjælpe mig færdig med det eller eventuelle komme med hints til hvordan jeg kan får skidtet til at virke.
