ancho y alto del objeto Document

MCF · #1 (**permalink**) 26/06/2012, 00:37

hola, alguien sabe si hay alguna manera de conocer el ancho total y el alto total del objeto Document?

osea no me refiero a la resolucion de pantalla ni a la del navegador si no cuales son los pixeles totales que tiene toda mi pagina

emprear · #2 (**permalink**) 26/06/2012, 01:56

Asi

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" 
"http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<title>Test tamaño pantalla</title>
<script type="text/javascript">
//<![CDATA[
function s(){
var winW, winH;
if (document.body && document.body.offsetWidth) {
 winW = document.body.offsetWidth;
 winH = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 winW = document.documentElement.offsetWidth;
 winH = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 winW = window.innerWidth;
 winH = window.innerHeight;
}
document.getElementById('s').innerHTML = winW + '-' + winH
}
//]]>
</script>
</head>
<body onload="s();">
<div id="s"></div>
</body>
</html>

SAludos

MCF · #3 (**permalink**) 26/06/2012, 22:44

hola amigo, gracias por la respuesta, pero lo probé en firefox y no me da los valores correctos, lo intenté probando con un div posicionandolo hasta el final del documento sin que necesitara el scroll pero me lo puso mas lejos de lo que se suponía :S

emprear · #4 (**permalink**) 27/06/2012, 00:10

Cita:

Iniciado por MCF

hola amigo, gracias por la respuesta, pero lo probé en firefox y no me da los valores correctos, lo intenté probando con un div posicionandolo hasta el final del documento sin que necesitara el scroll pero me lo puso mas lejos de lo que se suponía :S

No sé como lo estás usando, pero los valores son esos
Demo:
http://foros.emprear.com/javascript/ancho_alto.html

Redimensioná la ventana, usa F11, etc.
Funciona perfectamente, FF, IE, Chrome, Etc

MCF · #5 (**permalink**) 27/06/2012, 01:21

creo un div asi:

Código Javascript:

Ver original$("<div>").attr("id","foter").css("position","absolute").css("top",winH+"px").css("width","100px").css("left","100px").css("height","100px").css("background-color","red").appendTo("body");

pero me queda un poco mas arriba de la parte inferior, aun tengo una imagen y un input abajo del div, pero ahora q lo pienso (yo supongo q esto tiene mucho q ver pero...) tiene algo q ver q la imagen y el input que me quedan abajo sean con position absolute y pues les de las coordenadas con top y left?

emprear · #6 (**permalink**) 27/06/2012, 03:36

Los selectores en Jquery, en caso de que sea una etiqueta, llevan el nombre de la etiqueta

$("div").
no la etiqueta con los tags de cierre y apertura
$("<div>").
El resto, no sé, tu código es parcial, quizás necesites un reset