Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

James Cidrão

Definir Tamanho da Janela Popup

Recommended Posts

Pessoal, não entendo nada de Java Script mais peguei um código para quando clicar em um link, abrir uma janela popup animada.

 

O código funciona ok, porêm eu gostaria de ajustar o tamanho da janela que o código vai criar, alguém pode me ajudar??

 

O Código é esse:

<script language="javascript">
function janelanimada(endereco) {
        var vV = 5;
        var topo = 0;
        var esquerda = 0;
        var vH = 8;
        if (document.all) {
                var tamlar = window.screen.availHeight;
                var tamjan = window.screen.availWidth;
                var opcoes = "left=" + esquerda;
                opcoes += ",top=" + topo;
                opcoes += ",width=150,height=150,scrollbars=yes";
                var tamanho = window.open("","",opcoes );
                for (sH = 1; sH < tamlar; sH += vV) {
                        tamanho.resizeTo("1",sH );
                }
                for (sW = 1; sW < tamjan; sW += vH) {
                        tamanho.resizeTo(sW+6,sH );
                }
                tamanho.location = endereco;
        }else{
                window.location = endereco;
        }
}
</script

Agradeço as ajudas!

Compartilhar este post


Link para o post
Compartilhar em outros sites

window.open("pagina.html", "top=5,left=5,[b]width=950px,height=750px[/b],scrollbars=yes,resizable=yes")

Para mudar o tamanho, é só alterar os atributos width e height...

Compartilhar este post


Link para o post
Compartilhar em outros sites

window.open("pagina.html", "top=5,left=5,[b]width=950px,height=750px[/b],scrollbars=yes,resizable=yes")

Para mudar o tamanho, é só alterar os atributos width e height...

 

Onde eu coloco isso??, A linha de comando que você colocou só é parecido do meu código os atributos WIDTH e HEIGHT, pois eu já havia colocado os valores no código acima que eu postei e não funcionou...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Veja as partes em negrito e destacadas de vermelho no código:

<script language="javascript">
function janelanimada(endereco) {
        var vV = 5;
        var topo = 0;
        var esquerda = 0;
        var vH = 8;
        if (document.all) {
                var tamlar = window.screen.availHeight;
                var tamjan = window.screen.availWidth;
                var opcoes = "left=" + esquerda;
                opcoes += ",top=" + topo;
                opcoes += ",width=[b][color=red]150[/color][/b],height=[b][color=red]150[/color][/b],scrollbars=yes";
                var tamanho = window.open("","",opcoes );
                for (sH = 1; sH < tamlar; sH += vV) {
                        tamanho.resizeTo("1",sH );
                }
                for (sW = 1; sW < tamjan; sW += vH) {
                        tamanho.resizeTo(sW+6,sH );
                }
                tamanho.location = endereco;
        }else{
                window.location = endereco;
        }
}
</script>
O primeiro valor é a largura da janela, o segundo é a altura. Altere a gosto.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Veja as partes em negrito e destacadas de vermelho no código:

<script language="javascript">

function janelanimada(endereco) {

var vV = 5;

var topo = 0;

var esquerda = 0;

var vH = 8;

if (document.all) {

var tamlar = window.screen.availHeight;

var tamjan = window.screen.availWidth;

var opcoes = "left=" + esquerda;

opcoes += ",top=" + topo;

opcoes += ",width=150,height=150,scrollbars=yes";

var tamanho = window.open("","",opcoes );

for (sH = 1; sH < tamlar; sH += vV) {

tamanho.resizeTo("1",sH );

}

for (sW = 1; sW < tamjan; sW += vH) {

tamanho.resizeTo(sW+6,sH );

}

tamanho.location = endereco;

}else{

window.location = endereco;

}

}

</script>

O primeiro valor é a largura da janela, o segundo é a altura. Altere a gosto.

 

 

Não funcionou, coloquei: 50, 50 e a janela continua ampliando até o fim da tela.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.