• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

febra

[ActionScript] Pôr uma página flash a abrir em fullscreen

5 mensagens neste tópico

Temos duas formas de fazer isto: abrir automaticamente e abrir a partir de um link.

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 gravamos-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 gravamos-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>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Good tutorial.... :D  :D

Penso que com todos estes tutoriais já vou conseguir por a minha página pessoal a bombar a 10*....sem ser preciso grande esforço ou conhecimento....

Cumps

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Espero ke sim. de vez em kuando ver se meto uns toturiaizitos. e algumas dicas. cumps e good work com a tua pagina ptt

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Boas.

Isso n dá tmb se colocarmos no HTML as dimensões do SWF com percentagens "width=100% height=100%"?

Pergunto eu.

Bom tutorial.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

este tuturial esta muito bom ja tinha visto outro teu tambem bom...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora