ScrollSizePage

Screen Utilities

Taille Scroll
Taille Ecran User
Taille Page

<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  <title></title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="Francis Zampieri">
  <meta name="generator" content="WebExpert 6">	
<script type="text/javascript">
//UserScreen
function getSizeXY() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  window.alert( 'Width  = ' + myWidth + '\nHeight = ' + myHeight  );
  
  //return [ myWidth, myHeight ];
  
}
//Scroll
function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  window.alert( 'scrOfX  = ' + scrOfX + '\nscrOfY  = ' + scrOfY  );
  //return [ scrOfX, scrOfY ];
}

function getDocHeight() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}

function getDocWidth() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollWidth, D.documentElement.scrollWidth),
        Math.max(D.body.offsetWidth, D.documentElement.offsetWidth),
        Math.max(D.body.clientWidth, D.documentElement.clientWidth)
    );
}

function getDocPage() {
	var pageX =	getDocWidth();
	var pageY = getDocHeight();
	window.alert( 'pageX  = ' + pageX + '\n pageY  = ' + pageY  );
	} 
  </script>
</head>
<body text="darkslategray" link="white" vlink="red" background="../../../images/frame.jpg" bgcolor="lavenderblush">

<h3 align="center">Screen Utilities</h4>
<blockquote><blockquote>
<a href="#" onclick="getScrollXY();">Taille Scroll</a><br>
<a href="#" onclick="getSizeXY();">Taille Ecran User</a><br>
<a href="#" onclick="getDocPage();">Taille Page</a>	
</blockquote></blockquote>
</body>
</html>