dê seu feedback
post favorito
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
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>
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>
0 COMENTÁRIO
[Este post ainda não foi associado a uma sequência]
Você está em:
canal Scripting
Publicidade
Estudo comparativo entre banco de dados IBM Informix e Microsoft SQL
Gregory Monteiro
Space do autor
Programador/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.
Conhecimentos em C#, VB.NET, ASP, PHP, JSP, HTML, XHTML, HTML5, Ajax, CSS3, ...
Space do autor
0
0
Conheça os planos de créditos DevMedia e visualize esse post agora mesmo!