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 MX
Dificuldade: Básico
Data de Publicação: 13/01/2002


Introdução

Vamos abordar duas formas de obter uma página com um filme de Flash em fullscreen, uma automaticamente a outra a partir de um link.


Downloads:

Flash Player icon Ficheiro Fla Tutorial em PDF

Abrir automaticamente

Para obter a página automaticamente necessitamos de duas páginas separadas. Para este exemplo vamos utilizar duas páginas HTML, index.htm (a página onde colocamos o código javascript) e o index2.htm (a página que irá conter a nossa animação em Flash, o swf)

Quando o index.htm é visitado, o index2.htm é aberto numa nova janela automaticamente e em fullscreen.

Depois de termos criado o nosso index2.htm com o nosso Filme Flash, criamos um documento, por exemplo no Notepad, copiamos o código seguinte para o documento e gravamo-lo com o nome index.htm na mesma pasta do index2.htm.

<HTML>
<HEAD>
<TITLE>YOUR TITLE</TITLE>
</HEAD>
<BODY bgcolor="#000000" text="#808080">
<script language="JavaScript"> <!--
window.open('index2.htm','1','fullscreen=yes,scrollbars=yes');
//--> </script>
</BODY>
</HTML>

Agora basta abrir o index.htm e automaticamente o nosso o index2.htm será aberto em fullscreen.

Abrir a partir de um link

Por vezes não queremos que o nosso fullscreen abra automaticamente mas sim a partir do {click}num link. Para isso necessitamos de uma página onde vamos criar o link que abre o nosso index2.htm em fullscreen. Assim, cria um documento, por exemplo no Notepad. Em seguida copiamos o código seguinte para o documento e gravamo-lo com o nome index3.htm.

HTML>
<HEAD> <SCRIPT language=JavaScript>
<!--
function fullWindow() {
fullWindow = window.open('index2.htm','','fullscreen,scrollbars')
}
function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
//-->
</SCRIPT> <HEAD> <BODY> </BODY>
</HTML>

Agora que já temos as funções que nos abrem a página em fullscreen só é necessário o código que as evoca. Para tal escreve "Abrir em fullscreen" e no link coloca:

javascript:MM_callJS('javascript:fullWindow()');

O código do link deverá estar dentro das tags <BODY></BODY> e ter este aspecto:

<a href="javascript:MM_callJS('javascript:fullWindow()');">Abrir em fullscreen</a>

O código completo deverá ter este aspecto:

<HTML>
<HEAD> <SCRIPT language=JavaScript>
<!--
function fullWindow() {
fullWindow = window.open('index2.htm','','fullscreen,scrollbars')
}
function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
//-->
</SCRIPT>
<HEAD>
<BODY>
<a href="javascript:MM_callJS('javascript:fullWindow()');">Abrir em fullscreen</a>
</BODY>
</HTML>

Fechar a janela

Como muitos utilizadores não sabem que [Ctrl+F4] fecha um documeto é sempre conveniente, senão obrigatório, criar uma forma da página em fullscreen ser fechada. Para isso, criamos um botão dentro do ficheiro swf e colocamos o seguinte código:

on (release) {
getURL("JavaScript:self.close();");
}

E é tudo!

Se os resultados finais não forem os previstos, compara os teus ficheiros com os ficheiros de download deste tutorial.

 
Esperamos 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
Ângelo Castanheira
angelo.castanheira@flashwebtraining.com
 
« Anterior   
 
Copyright ©2002-2008 Desenvolvimento de Sites , Serviços de Web Design Todos os direitos reservados