Guia que ensina a criar janelas de popup centradas a partir de um botão do Flash.

Introdução Uma das questões mais frequentemente colocadas é a de como criar uma janela de popup com o Flash. Para responder a esta questão de uma vez por todas, decidimos criar um tutorial que demonstre como criar a referida janela.

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>