demon326
Legacy Member
Hallo allen, ik ben aan een nieuw thema bezig voor een phpbb3 board, en ik zou graag per bepaalde resoluties de correcte css bestanden met de correcte achtergronden en afmetingen inladen...
Dit is de JS die ik tot nu toe heb kunnen vinden opt net en naar mijn eigen noden aangepast;
Maar voor ik het effectief gebruik zou ik eerst hier eens het willen doen nakijken
edit// ik ken niets van JS ;
Dit is de JS die ik tot nu toe heb kunnen vinden opt net en naar mijn eigen noden aangepast;
Code:
function getBrowserWidth(){
if (window.innerWidth){
return window.innerWidth;}
else if (document.documentElement && document.documentElement.clientWidth != 0){
return document.documentElement.clientWidth; }
else if (document.body){return document.body.clientWidth;}
return 0;
}
function determineStyle(){
var browserWidth = getBrowserWidth();
var i, a, main;
if (browserWidth > 1919){
var a=document.getElementById("sabatonmax"); a.disabled = false;
/*
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("id")) {
if(a.getAttribute("id") == "narrowscreen") a.disabled = true;
if(a.getAttribute("id") == "widescreen") a.disabled = false;
}
}
*/
}
/*
if (browserWidth <= 1250){
var a=document.getElementById("narrowscreen"); a.disabled = true;
var a=document.getElementById("narrowscreen"); a.disabled = false;
/*
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("id")) {
if(a.getAttribute("id") == "narrowscreen") a.disabled = true;
if(a.getAttribute("id") == "narrowscreen") a.disabled = false;
if(a.getAttribute("id") == "widescreen") a.disabled = false;
}
}
*/
}
if (browserWidth => 1023){
var a=document.getElementById("sabatonsmall"); a.disabled = false;
}
if (browserWidth => 1279){
var a=document.getElementById("sabatonmed1"); a.disabled = false;
}
if (browserWidth => 1559){
var a=document.getElementById("sabatonmed"); a.disabled = false;
}
if (browserWidth <= 1200){
var a=document.getElementById("normaal"); a.disabled = true;
}
function doOnResize () {
determineStyle();
}
function doOnLoad () {
determineStyle();
}Maar voor ik het effectief gebruik zou ik eerst hier eens het willen doen nakijken
edit// ik ken niets van JS ;