|
Risoluzione schermo e viewport |
|
|
Giovedì 20 Novembre 2008 16:42 |
|
Con tre funzioni javascript è possibile rilevare la risoluzione dello schermo e lo spazio effettivo del viewport del browser
<script language="javascript" type="text/javascript">
function fnViewportResolution() {
var ie = (document.all);
var ns = (document.layers);
var ns6 = (document.getElementById && !ie);
var agent = navigator.userAgent.toLowerCase();
if (ie) {
documentWidth = (centerElement().offsetWidth) + centerElement().scrollLeft;
documentHeight = (centerElement().offsetHeight) + centerElement().scrollTop;
}
else if (ns) {
documentWidth = window.innerWidth + window.pageXOffset;
documentHeight = window.innerHeight + window.pageYOffset;
}
else if (ns6) {
documentWidth = self.innerWidth + window.pageXOffset;
documentHeight = self.innerHeight + window.pageYOffset;
}
return documentWidth +"x"+ documentHeight;
}
function fnScreenResolution() {
return screen.width +"x"+ screen.height;
}
function centerElement() {
return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body
}
</script>
|