Passos para criar uma janela de PopUp centrada:
Os passos seguintes vão ajudar-nos a criar uma janela como a que
aparece se clicarmos em cima:
1. Primeiro criamos um ficheiro HTML. Este é o ficheiro HTML onde
vamos colocar o ficheiro do Flash mais tarde. Neste ficheiro vamos colar
esta pequena porção de código de JavaScript.
<SCRIPT LANGUAGE="JavaScript">
<!--
function NewWindow(url, windowName, w, h, scroll) {
var winl = (screen.width - w) / 2;
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+' --
-- ,scrollbars='+scroll+',resizable';
win = window.open(url, windowName, winprops);
if (parseInt(navigator.appVersion) >= 4) {
win.window.focus();
}
}
// -->
</SCRIPT>
Agora a explicação do código JavaScript, linha por
linha. Primeiro criamos uma função em JavaScript com os parâmetros
url, windowName,
w, h
and scroll.
Depois criamos duas variáveis winl
e wint que são o lado esquerdo
do ecrã do utilizador e o topo do ecrã do utilizador. Estas
variáveis são usadas para centrar a janela de popup no ecrã.
A variável winprops define as
propriedades da janela que vai ser criada. A altura, largura, posição,
se vai existir uma barra de deslizamento e a propriedade que torna a janela
redimensionavel. No código exemplo, o sinal -- deverá ser
removido porque isto significa simplesmente que o código continua
na próxima linha.
A próxima linha é onde a variável win é definida.
Este é que é o verdadeiro código que abre a nova
janela tal e qual ela foi definida. O código depois disso serve
apenas para verificar se o browser do utilizador é da versão
4.x ou superior. Se for, então a janela recém criada será
focada.
2. O passo 1 continha todo o código necessário para criar
a janela de popup. Agora abrimos o Flash e começamos por fazer
um botão que abra a nova janela.
Partimos do principio que quem lê este tutorial sabe criar um botão
no Flash.
Abre a janela das actions e escreve o seguinte código (este
código deverá estar nas actions do botão).
on (release) {
getURL("javascript:NewWindow('http://www.flashwebtraining.com','name' --
-- ,'400','400','yes')");
}
Aqui, criamos um evento para o botão. Deixamos que o botão
reaja ao largar do botão do rato e que execute o código relacionado
com esse evento. A acção getURL é usada para chamar
a função de JavaScript. A função é a
criada no primeiro passo, em JavaScript.
NewWindow é o nome da função, onde se coloca o URL
que pretendemos abrir. O name é o nome da janela que é criada
com a função. Depois disso especifica-se a width (largura),
a height (altura) da janela e a propriedade scroll (barra de deslizamento)
pode ser definida como yes ou no (sim ou não).
Salva e exporta o teu ficheiro Flash e continua para o passo número
3.
3. Coloca o ficheiro Flash na página HTML com o JavaScript criado
no passo 1. Certifica-te que o código de JavaScript está
no topo do ficheiro e salva o mesmo.
Abre o ficheiro no teu browser e verás que, quando clicas no botão,
se abre uma nova janela com as propriedades pretendidas.
4. Podemos fazer alguns acertos para que a janela não se abra
no meio do ecrã do utilizador. Para tal basta apagar as porções
de código a negrito:
<SCRIPT LANGUAGE="JavaScript">
<!--
function NewWindow(url, windowName, w, h, scroll) {
var winl = (screen.width - w) / 2;
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+' --
-- ,scrollbars='+scroll+',resizable';
win = window.open(url, windowName, winprops);
if (parseInt(navigator.appVersion) >= 4) {
win.window.focus();
}
}
// -->
</SCRIPT> |
