Altura total del documento

JavierB · #1 (**permalink**) 05/04/2002, 11:23

Hola, Foro.

Se puede saber la altura de la ventana del navegador con document.body.clientHeight, pero ¿hay alguna forma de saber la altura total del documento?

Concretamente me gustaría saber si el documento cabe en la ventana o se necesita usar la barra de desplazamiento para verlo completo.

Espero haberme explicado bien.

Muchas gracias por anticipado. Saludos,

---------------
Pregunta lo que ignoras y pasarás por ton.to 5 minutos.
No lo preguntes y serás ton.to toda la vida.

TIO-PEPE · #2 (**permalink**) 06/04/2002, 04:15

puedes preguntar si se han activado las barras de desplazamiento para saber si cabe

Aleph · #3 (**permalink**) 06/04/2002, 04:55

Solamente por curiosidad, para que necesitas saber si el documento es mas "alto" que la ventana del navegador?

Lo pregunto porque dependiendo de la resolucion de pantalla, de si esta maximizado o no, cuantas barras de herramientas tiene, la ventana puede variar su altura.

Saludos.

<div align="right">Guerrillero del ERF</div>

JavierB · #4 (**permalink**) 06/04/2002, 05:11

Hola de nuevo. Gracias a los dos por contestar.

Aleph: quiero poner una imágen (una flecha) que irá siempre en la parte superior de la ventana y que al pulsarla llevará al principio del documento. Pero me gustaría que si el documento es pequeño y se ve entero en la pantalla la imágen no aparezca.

TIO-PEPE: ¿como puedo preguntar si se han activado las barras de desplazamiento?

Gracias de nuevo. Saludos,

---------------
Pregunta lo que ignoras y pasarás por ton.to 5 minutos.
No lo preguntes y serás ton.to toda la vida.

jlmm · #5 (**permalink**) 06/04/2002, 09:20

Hola!,

Lo Que Puedes hacer Es Dejar La Imagen Escondida Y Aparecerla Cuando Se Baje El Scroll.

Osea, Si El Scroll Existe El Usuario Tiene Que Bajarlo, Cierto¿?, Al Hacer Esto Se Dispara El Metodo "onscroll".

Aprovechando Esto Puedes Hacer Una Funcion Que Te Esconda La Imagen:

<SCRIPT LANGUAGE="javascript">
function aparecer()
{
esto.style.visibility = "visible";
}
</SCRIPT>

Puedes Detectar El Scroll Asi:

<BODY onscroll="aparecer()">

Y La Imagen Seria Asi:

<IMG SRC="http://www.galeon.com/Algo.jpg" NAME="esto" STYLE="visibility:hidden">

Dejame Saber Como Te Fue.

<CENTER><IMG SRC="http://www.galeon.com/jlmnetwork/FWPD.jpg"><BR><FONT COLOR=Black SIZE=2><I>"No Hay Cosas Imposibles, Solo Hombres Incapaces"</I></FONT></CENTER>

JavierB · #6 (**permalink**) 06/04/2002, 11:50

Hola, jlmm. Gracias por tu respuesta.

Tu código suena bien, pero sigo teniendo una duda (hoy estoy muy preguntón :) )

Supongamos que la ventana es pequeña. Si el usuario utiliza la barra de desplazamiento, la imágen aparece. Pero si la ventana se hace más grande puede ser que ya quepa el texto entero y la barra desaparece.

¿Como puedo saber cuando sucede esto para hacer desaparecer también la imágen?

Espero no aburrir con mis preguntas

Gracias otra vez. Saludos,

jlmm · #7 (**permalink**) 06/04/2002, 14:45

Hola!,

Mira Lo Que Hice:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript">
function aparecer()
{
esto.style.visibility = "visible";
}
function desaparecer()
{
esto.style.visibility = "hidden";
}
window.onresize = desaparecer;
</SCRIPT>

</HEAD>
<BODY onscroll="aparecer()">

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<IMG SRC="http://www.galeon.com/Algo.jpg" NAME="esto" STYLE="visibility:hidden">

</BODY>
</HTML>

<CENTER><IMG SRC="http://www.galeon.com/jlmnetwork/FWPD.jpg"><BR><FONT COLOR=Black SIZE=2><I>"No Hay Cosas Imposibles, Solo Hombres Incapaces"</I></FONT></CENTER>

JavierB · #8 (**permalink**) 07/04/2002, 12:13

Hola, jlmm.

Creo que por ahora ya no tengo más dudas.

Gracias por todo. Saludos,

JavierB · #9 (**permalink**) 08/04/2002, 13:19

Hola por última vez.

Con la ayuda del Foro y algo sacado de algún script que saqué de Internés he conseguido mi propósito. Pongo aquí el código por si resulta de utilidad a alguien:

Código:

&lt;html&gt;
&lt;head&gt;
&lt;script&gt;
function arriba(){
if (document.body.scrollTop&gt;15) {flecha.style.visibility=&quot;visible&quot;}
else {flecha.style.visibility=&quot;hidden&quot;}
flecha.style.pixelTop= document.body.scrollTop;
flecha.style.pixelLeft= document.body.clientWidth - 21;
setTimeout(&quot;arriba()&quot;,50);
}
&lt;/script&gt;
&lt;/head&gt;

&lt;body bgcolor=&quot;#FFFFFF&quot; text=&quot;#000000&quot; onScroll=&quot;arriba()&quot;&gt;

&lt;div align=&quot;left&quot; id=&quot;flecha&quot; style=&quot;position:absolute; visibility: hidden&quot;
onClick=&quot;document.body.scrollTop=0&quot;&gt;
&lt;img src=&quot;miImagen.gif&quot; border=&quot;0&quot;&gt;&lt;/div&gt;
&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
&lt;/body&gt;
&lt;/html&gt;

Saludos,

P.D. He dicho que era la última vez que escribía en este mensaje, pero... ¡Nunca se sabe! ;)