-1
Evitando que mais de um pop-up seja aberto
Ao usar a função window.open() o navegador abre uma janela para cada link clicado na janela principal da HP. Isto faz com que a barra de tarefas do Windows fique poluida, pois se vc tem, por exempo, 5 links que abram janelas atraves da função window.open() serão abertas 5 janelas.
Outro problema é a dimensão da janela pop-up quando se trata de janelas com imagens. Se você tem vários arquivos html que exibem imagens vc deve redimensionar cada janela, na chamada, de acordo com o tamanho da imagem. As duas funções aqui exibidas irão eliminar estes problemas, pois irão redimensionar a janela de acordo com o tamanho da imagem e posiciona-las no canto superior esquerdo da tela.
Caso a janela aberta por um link já esteja aberta ela será ativada vindo para a frente das janelas já abertas. Caso o usuário tenha clicado em um link para uma janela diferente e já exista outra janela pup-up aberta a janela aberta será fechada e a nova janela para o link clicado será aberta.
As funções:
jczOpenWindow(theURL,winName)
Parametros:
theURL: url para o arquivo HTML que será aberto.
winName: nome da janela que será aberta. Atenção para este parametro pois ele será usado pela
função para verificar se a janela já está aberta. Use um nome diferente para cada
link.
jczResetWindow(bmp)
parametros:
bmp: nome do bitmap que será usado como parametro para redimensionar a janela.
//como usar efetivamente as funções:
No arquivo html de onde serão chamados os Pop-ups coloque a função jczOpenWindow:
No link para o popup use a seguinete sintaxe:
<a href="javascript:jczOpenWindow('url','nomedajanela');">Nome do link</a>
Ex.: <a href="javascript:jczOpenWindow('/fotos/foto01.htm','foto01');">Foto 01</a>
obs: Lembre-se de usar um nome diferente para cada janela, pois os nomes serão usados
pela função jczOpenWindow para verificar se a janela já está aberta.
No arquivo html que será a janela pop-pup coloque a função jczResetWindow(bmp) entre os
tags <head> </head>
Coloque uma imagem e de a ela o nome de "bmp".
Ex.: <img src="caminho da imagem" name="bmp>
No tag <body> coloque a chamada para a função jczResetWindow(bmp) como abaixo:
<body onLoad="jczResetWindow(bmp);">
Veja exemplos em http://www.jczdesign.com/fotografias/Cruz/index.htm
Outro problema é a dimensão da janela pop-up quando se trata de janelas com imagens. Se você tem vários arquivos html que exibem imagens vc deve redimensionar cada janela, na chamada, de acordo com o tamanho da imagem. As duas funções aqui exibidas irão eliminar estes problemas, pois irão redimensionar a janela de acordo com o tamanho da imagem e posiciona-las no canto superior esquerdo da tela.
Caso a janela aberta por um link já esteja aberta ela será ativada vindo para a frente das janelas já abertas. Caso o usuário tenha clicado em um link para uma janela diferente e já exista outra janela pup-up aberta a janela aberta será fechada e a nova janela para o link clicado será aberta.
As funções:
jczOpenWindow(theURL,winName)
Parametros:
theURL: url para o arquivo HTML que será aberto.
winName: nome da janela que será aberta. Atenção para este parametro pois ele será usado pela
função para verificar se a janela já está aberta. Use um nome diferente para cada
link.
jczResetWindow(bmp)
parametros:
bmp: nome do bitmap que será usado como parametro para redimensionar a janela.
//como usar efetivamente as funções:
No arquivo html de onde serão chamados os Pop-ups coloque a função jczOpenWindow:
No link para o popup use a seguinete sintaxe:
<a href="javascript:jczOpenWindow('url','nomedajanela');">Nome do link</a>
Ex.: <a href="javascript:jczOpenWindow('/fotos/foto01.htm','foto01');">Foto 01</a>
obs: Lembre-se de usar um nome diferente para cada janela, pois os nomes serão usados
pela função jczOpenWindow para verificar se a janela já está aberta.
No arquivo html que será a janela pop-pup coloque a função jczResetWindow(bmp) entre os
tags <head> </head>
Coloque uma imagem e de a ela o nome de "bmp".
Ex.: <img src="caminho da imagem" name="bmp>
No tag <body> coloque a chamada para a função jczResetWindow(bmp) como abaixo:
<body onLoad="jczResetWindow(bmp);">
Veja exemplos em http://www.jczdesign.com/fotografias/Cruz/index.htm
| Data | Autor | Changelog | Download |
|---|---|---|---|
| 08/06/2003 2:18pm | José Cruz | - | Versão 1.0 |
Novo Comentário: