Você está na página 1de 4

Menu popup

1ª Parte

Primeiro passo: Criar o botão

1. No Flash, vamos criar um botão simples. Após a sua criação vamos dar-lhe um comando de GET URL para ele fazer a
ligação à pagina que vai servir como popup.

Segundo passo: Associar uma action ao botão

2. Em primeiro lugar, vamos seleccionar o botão;

3. Vamos ao painel das actions e vamos seguir o seguinte caminho:

Actions > Browser/Network > getURL

4. É necessário preencher de seguida os campos para dar-mos o caminho para a janela de popup. Assim sendo, vamos
inserir as seguintes linhas:

Javascript:openNewWindow(‘test.html’,’thewin’,’height=200,width=250,toolbar=no,scrollbars=no’)

Um conselho: Copiem este texto directamente para o vosso projecto, caso contrário pode falhar alguma coisa, e depois
pode não funcionar.

O nome de “test.html”, foi o nome escolhido para a página que será criada, para o efeito de popup. Podem dar-lhe
outro nome, desde que não se esqueçam de qual deram para gravar quando criarem a página.

Terceiro passo: Gravar e publicar


5. Devemos de seguida mudar as opções de Publicação do Flash. Para tal deveremos seguir pelo seguinte caminho:

File > Publish Settings ou Ctrl+Shift+F12

Devem certificar-se de que no local onde diz Template deve estar escolhida a seguinte opção – Flash Only (Default).

2ª Parte

Primeiro passo: Editando o código de HTML

Para a edição do código de HTML, no meu caso, usarei o Macromedia DreamWeaver, mas vocês podem utilizar qualquer
um dos editores disponíveis no mercado, mesmo que seja o próprio notepad.

Segundo passo: Implementar o JavaScript

Os passos que vos indicarei de seguida, são referentes ao editor da Macromedia DreamWeaver.

Abram o DreamWeaver e sigam os seguintes passos, para abrirem a página de HTML:

File > Open... – Escolham de seguida o ficheiro que gravaram. No nosso caso foi o ficheiro popup.html .

Após terem aberto a página de HTML, façam a edição do código clicando no botão .

De seguida após terem feito a edição, vamos ter de incluir no código, mais uma parte de Java script, para que haja
correlação entre as chamadas das janelas.

Para isso, entre as tags de HTML, vamos incluir o código que descrevo de seguida, entre a tag de <HEAD> e de
</HEAD>. Vejam no exemplo que se segue onde devem colocar o código, caso subsista alguma interrogação.

<script language="JavaScript">
function openNewWindow(URLtoOpen, windowName, windowFeatures) { newWindow=window.open(URLtoOpen,
windowName, windowFeatures); }
</script>

Para os que ainda não entenderam o porque de editar esta página de “popup.html”, vou passar a explicar. Quando
formos testar o que fizemos, vai ser tudo através de páginas de HTML, pois isto fará uma simulação de como estaria a
funcionar na Internet. O ficheiro Flash fica incluído na página HTML, onde posteriormente será chamada página de
popup.

Após esta breve explicação, passaremos então a trabalhar na página de “test.html” .

Terceiro passo: Criar a página de “test.html”

Criem uma nova página de HTML, à qual deverão chamar de “test.html” ou de acordo com o nome que definiram
anteriormente no vosso código inserido no Flash.

Relembrando o código de Flash que foi inserido por nós:

javascript:openNewWindow('test.html','thewin','height=200,width=250,toolbar=no,scrollbars=no')

Podem inserir algum texto nesta nova página de HTML, somente para terem a certeza de que é essa a página que
queriam abrir.

Você também pode gostar