DevMedia
Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Para efetuar o download você precisa estar logado. Clique aqui para efetuar o login

Como saber a altura e largura da área do browser com scroll bar

Boa dica pra quem quer criar um pop-up transparente do tamanho da tela

[fechar]

Você não gostou da qualidade deste conteúdo?

(opcional) Você poderia comentar o que não lhe agradou?

Confirmo meu voto negativo
Boa dica pra quem quer criar um pop-up transparente do tamanho da tela.

A função “alertSize” a seguir retorna o tamanho da tela em qualquer browser.
Os métodos “document.body.scrollWidth” e “document.body.scrollHeight” retornam respectivamente a largura e a altura da página com scroll bar.


<html>
<head><title>teste</title></head>
<body>

<script>
function alertSize() {
  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;
  }
 
  return [ alert("width: "+myWidth+" px\nheight: "+myHeight+" px") ];
}
</script>

<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>

<script>
alertSize();
alert("document.body.scrollWidth: "+document.body.scrollWidth+" px\ndocument.body.scrollHeight: "+document.body.scrollHeight+" px");
</script>

</body>
</html>


Programador e administrador dos sites da DevMedia. Formado em sistemas de informação. Certificados SEO pela mestreseo e ietv. Certificado CMMI pela FIOCRUZ. Curso de web developer pela microcamp. Administrador de redes. Conh [...]

O que você achou deste post?
Conhece a assinatura MVP?
Publicidade
Serviços

Mais posts