Redimensionando uma janela ao seu gosto com JavaScript

Em caso de uma página ter que ser exibida em um tamanho X, poderemos utilizar os recursos do JavaScript para poder redimensionar a janela do navegador conforme necessitarmos, nos post anteriores, vimos como detectar as dimensões da janela do cliente, assim como detectar o redimensionamento e como reduzir o tamanho da mesma, neste post irei mostrar como ampliar as dimensões do navegador do cliente. Segue o seguinte trecho que poderá ser utilizado em seu website ou blog:

<html>
<head>
<title>Uso do método ResizeTo</title>
</head>
<body>
<p>Redimensiona a janela gradualmente</p>

<script language=”javascript”>
// Timer e contadores com os tamanhos iniciais da janela
var timer, contAlt = 100, contLarg = 100;

function inicio() {
// chama a função para dimensionamento da largura a cada
// 100 milésimos de segundo
timer = window.setInterval(“dimLargura()”, 100);
}

function dimLargura() {
// Se a janela for menor ou igual a 600px de largura, ela é acrecida de 10px
if (contLarg <= 600) {
contLarg += 10;
window.resizeTo(contLarg, 100);
}
else {
dimAltura();
// Limpa o timer
window.clearInterval(timer);
}
}

function dimAltura() {
// Acresce de 10px a altura da janela até ser igual a 600px
contAlt += 10;
if (contAlt <= 600) {
window.resizeTo(800, contAlt);
window.setTimeout(“dimAltura()”, 100);
}
}
// Ao carregar chama a função inicio()
window.onload = inicio;
</script>
</body>
</html>

 

Até a próxima.

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s