.
TORQUE Comunicação e Internet
Tutoriais Recursos e tecnologias da Web

Mudança de Frames para
No-Frames e vice-versa usando JavaScript
O que é Prós e contras

Este é um recurso em JavaScript que alterna a janela do browser entre os modos com frame e sem frame apenas clicando nos botões, como no exemplo abaixo:

Frames:
É um método rápido de visualizar uma página com frames, sair para o modo sem frames em alguma página específica, e depois retornar para os frames.
Mas só poderemos usar um nível de frames, ou seja, não poderemos carregar outro conjunto de frames dentro de um frame já existente.
Como implementar na sua página web

Para usar este recurso precisamos de três arquivos: o arquivo principal ou de abertura que aparecerá no frame principal, o arquivo com o menu ou página que aparecerá no frame secundário, e o arquivo que carrega o frameset (que é carregado quando se clica no botão "Frames ON"). Tudo isto é semelhante igual ao uso comum de frames, exceto pelo código extra em JavaScript.

Este é o código dos botões de seleção de frames ON e OFF:

<FORM>
<B><FONT SIZE=-1>Frames: </FONT></B>
<INPUT TYPE="Button" VALUE="On" onClick="parent.location='frames.htm'">
<INPUT TYPE="Button" VALUE="Off" onClick="parent.location='index.html'">
</FORM>

  • Atenção: cada tag deve ser escrita totalmente em uma linha. No código acima, por exempo, a tag <INPUT TYPE= ... ... > deve ficar em uma só linha, mesmo que aqui não apareça assim, senão o código JavaScript não será executado.

Este é o código HTML do arquivo de FRAMESET (frames.htm, neste exemplo):

<html>
<head>
<title>Frames Javascript</title>
</head>
<frameset cols=20%,*>
<frame src="menu.htm" name=menu SCROLLING=NO marginwidth=0 marginheight=0>
<frame src="index.html" name=principal>
</frameset>
<noframes>
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=index.html">
<b>Você não está usando um browser compatível com frames.</b>
</noframes>
</frameset>
</head>
</html>

O arquivo de menu, ou a página que aparecerá no frame secundário pode ser elaborado de acordo com a sua necessidade. Se você também quiser colocar os botões de escolha de frames ON e OFF nesta página, deverá modificar alguns parâmetros. Por exemplo, nas linhas

<INPUT TYPE="Button" VALUE="On" onClick="parent.principal.location='frames.htm'">

<INPUT TYPE="Button" VALUE="Off" onClick="parent.principal.location='index.html'">

a palavra principal é o nome do frame onde as alterações irão aparecer.

O funcionamento ocorre da seguinte forma: o clique no botão faz com com que o browser carregue a página HTML definida na tag INPUT sempre em tela cheia, semelhante ao uso do parâmetro TARGET="_top" em um link, que faz com se saia do conjunto de frames. Clicando no botão frames ON, o browser sai de qualquer frame já iniado e carrega o arquivo frames.htm, que define o conjunto frames deste exemplo. Quando clica-se no botão OFF, o browser sai do conjunto de frames e carrega a página index.html, que é a página principal deste tópico.


ÍNDICE Links da seção Tutoriais
JavaScript: Apresentação | Relógio contínuo | Janela alerta ou de confirmação | Mudança da cor de fundo | Mudança entre Frame e NoFrame | Formulário Inteligente
HTML: Etiquetas META

Homepage

Internet

Dicas

Serviços

Tutoriais
Portfolio Propaganda java / cgi

Mensagem

Índice
Homepage | Internet | Dicas | Serviços | Tutoriais | Portfolio | Propaganda | Java / CGI | Mensagem | Índice
Copyright © 1997 gerencia@torque.com.br Torque Comunicações e Internet
Rua dos Tecelões, 459, Joinville (SC), 89231-510, Brasil. Fonefax: +55-047-463 5330
.