PESQUISA: 

 

Fórum de Flash
Fórum de discussão sobre Flash moderados por especialistas.

tutoriais
Os melhores tutoriais de Flash escritos em Português.

open sources
Milhares de "open sources" devidamente catalogadas e classificadas.

jogos
Centenas de viciantes jogos desenvolvidos em Flash.

websites
Selecção dos melhores websites em Flash.

bibliotecas
Bibliotecas de software, componentes, fontes e sons para Flash.

artigos
Artigos técnicos indispensáveis para profissionais em Flash.

Newsletter
Receba todos os dias a newsletter do Flash Web Training com as principais notícias sobre tecnologia e informática.
 
Curso Online
Curso de Flash 5 e MX com acompanhamento de formadores especializados.
 
flash shopping
Online Store com os melhores produtos dedicados ao Flash.
 
conferências
Principais conferências e eventos sobre Internet e Novas Tecnologias.
 
job opportunities
Anúncios de emprego para empresas que procuram profissionais de Flash.
 
suporte técnico
Caso tenha alguma dificuldade, contacte o nosso suporte técnico.

 

 
Homepage Tutoriais Básicos

Ficha Técnica
Autor: Flash Web Training
Versão: Flash 5 e Flash Mx
Dificuldade: Básico
Data de Publicação: 25/08/2002


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.

Ficheiro Swf

Downloads:

Flash Player icon Ficheiro Fla Tutorial em PDF
 

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>
 
 
Espero que este tutorial te tenha ajudado. Se tiveres alguma dúvida ou questão, não hesites em utilizar os nossos Fóruns de Discussão.
 
Bons Flashes
Bruno Gomes
bruno.gomes@flashwebtraining.com
 
« Anterior   
 
Copyright ©2002-2008 Desenvolvimento de Sites , Serviços de Web Design Todos os direitos reservados