Longitud de un docmento

Lind · #1 (**permalink**) 15/01/2005, 13:20

Hola!

Existe alguna forma de saber, haciendo uso de Javascript, la longitud de un documento (es decir, algo así como document.height , ´que sería una instrucción no válida).

Me refiero a la longitud del documento (no a la de la ventana en el que se encuentra o el marco en el que se encuentra).

saludos a todos

JavierB · #2 (**permalink**) 15/01/2005, 13:27

Hola Lind

Prueba con:

document.body.offsetHeight

Saludos,

tunait · #3 (**permalink**) 15/01/2005, 13:38

Buenas

una cosa, IE devuelve siempre el mismo valor usando tanto offsetHeight como clientHeight, independientemente de los contenidos ¿algún truco?

Lind · #4 (**permalink**) 15/01/2005, 13:52

Hola!

Primero gracias a JavierB y tunait por la pronta respuesta que habeis dado.

JavierB, el problema que me ocurre (explicándolo un poco más) es que quiero saber la longitud del documento que tengo dentro de un IFRAME. Con la solución que me propones siempre me aparece la longitud del IFRAME, y no la del documento.

¿Se os ocurre alguna otra propuesta?

tunait · #5 (**permalink**) 15/01/2005, 13:57

Debes anteponer el nombre del iframe

nombreIframe.document.body.offsetHeight

JavierB · #6 (**permalink**) 15/01/2005, 13:57

Hola tunait

No sabía que pasaba eso, pero después de enredar un poco creo que para IE en lugar de clientHeight, puede usarse:

document.getElementsByTagName('html')[0].offsetHeight

¿Te referías a eso?

Lind: si se me ocurre algo volveré por aquí.

Saludos,

tunait · #7 (**permalink**) 15/01/2005, 14:01

mu güenas javierB

Pues me devuelve exactamente el mismo valor

Lind · #8 (**permalink**) 15/01/2005, 14:10

Hola!

Perdonadme, a lo mejor me estoy equivocando en algo al hacer las pruebas:

El tamaño del IFRAME lo calculo desde el propio IFRAME, así que el ponerle el nombre delante no ha servido.

Con lo que me proponeis siempre me devuelve 200, es decir, el tamaño que le puse al IFRAME desde el parent desde que lo introduzco.

¿??? ¿Me equivoco en algo?

Gracias !!

Lind · #9 (**permalink**) 15/01/2005, 14:11

Ah, se me olvidó deciros que estoy utilizando Internet Explorer.

tunait · #10 (**permalink**) 15/01/2005, 14:13

No es que te equivoques, es que te pasa lo que le mencionaba a javierB.

Si lo pruebas desde otro navegador verás que te da en px el alto del documento; más contenidos, un valor más alto, pero explorer devuelve siempre lo mismo. Por eso preguntaba si alguien conoce algún truco

JavierB · #11 (**permalink**) 15/01/2005, 14:21

Guas noches tunait

No se si estamos hablando de lo mismo

He hecho un código (espero que sierva de algo, porque he tardado casi 1 minuto en hacerlo

)

Código HTML:

<html>
<head>
</head>
<body>
<input type="button" value="offsetHeight" 
  onclick="alert(document.body.offsetHeight)" />
<input type="button" value="clientHeight"
  onclick="alert(document.getElementsByTagName('html')[0].offsetHeight)" />
<p>Prooobando</p>
</body>
</html>

Probandolo con IE 6.0 al pulsar el primer botón da 58, que es lo que ocupa el contenido (creo) y pulsando el segundo da 465 con la ventana maximizada, o un valor distinto dependiendo de lo alta que tengas la ventana.

Bueno, por hoy ya está bien de palique. Voy a ver si consigo algo de cena y mañana será otro día.

Saludos,

tunait · #12 (**permalink**) 15/01/2005, 14:26

'nas noshes Javier

Curioso... en Mo(r)zilla, el primer botón devuelve 58 y el segundo 435

En IE 6.0 con el primer botón me devuelve 456 y con el segundo 456 también

SiR.CARAJ0DIDA · #13 (**permalink**) 15/01/2005, 17:09

el alto del documento no seria asi?:

document.body.clientHeight + document.body.scrollTop

o sino:

document.body.scrollHeight

caricatos · #14 (**permalink**) 16/01/2005, 01:50

Hola a todos:

tunait: en explorer te daría un valor distinto si al body le pones algún borde...

<html>
<body
style="border: 5px solid transparent"
onload="alert(document.body.offsetWidth +
' != ' +
document.body.clientWidth)">
xxx
</body>
</html>

En el tema de las postales, las marco con un borde de 1 px, y tengo que desplazar los elementos marcados y volverlos a desplazar al desmarcarlos.

Saludos

JavierB · #15 (**permalink**) 16/01/2005, 04:03

Hola de nuevo.

tunait: otra curiosidad más. Prueba poniendolo un DTD al código anterior.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>
...

Saludos,

Lind · #16 (**permalink**) 16/01/2005, 05:34

Hola!

Es increible lo que sabéis.

Os agradezco mucho la ayuda. Al final creo que lo que propone Sir funciona muy bien con el Explorer, y lo de JavierB también en otros navegadores, ¿no?

Saludos a todos