<!DOCTYPE html>
<html>
<body>
</body>
<div id="result"></div>
<script>
var oldX = window.screenX, oldY = window.screenY;
/**
* Funcion que se ejecuta cada 500 milisegundos para comprovar si se ha
* movido la ventana de lugar
*/
var interval = setInterval(function() { if(oldX != window.screenX || oldY != window.screenY) { showInfo();
}
oldX = window.screenX;
oldY = window.screenY;
}, 500);
if(window.addEventListener) { // navegadores que utilizan los estandares
window.addEventListener("resize",showInfo); window.addEventListener("scroll",showInfo); }else{ // Los navegadores de Microsoft... siempre ayudando a los desarrolladores...
window.attachEvent("onresize",showInfo); window.attachEvent("onscroll",showInfo); }
function showInfo() { var result="";
// Tamaño de la Ventana con menu, pestañas, etc...
result+="<br>Anchura de la ventana: "+window.outerWidth;
result+="<br>Altura de la ventana: "+window.outerHeight;
// Tamaño de la parte interior de la ventana
result+="<br>Anchura interna de la ventana: "+window.innerHeight;
result+="<br>Altura interna de la ventana: "+window.innerHeight;
// posición de los scroll
result+="<br>Scroll horizontal: "+window.pageXOffset;
result+="<br>Scroll vertical: "+window.pageYOffset;
// separacion de la ventana en relacion a la pantalla
result+="<br>Separacion del lado izquierdo de la pantalla: "+window.screenX;
result+="<br>Separacion de la parte superior de la pantalla: "+window.screenY;
document.getElementById("result").innerHTML=result; }
showInfo();
</script>
</html>
Crear cuenta
Comentarios sobre la versión: Versión 1.0 (4)