TUTORIAIS DE JAVASCRIPT
 
Frames
 
 

Em geral

 

Para já, vou apresentar as frames. Utilisar as frames permita a divisão da janela afixando a página HTML em várias partes independentes ums dos outros. Pode-se assim caregar diferentes páginas em cada parte. Para a sintaxe Html das frames, recomendo o tutorial de HTML - As frames -

Em Javascript, interessa a capacidade das frames à interagir. Ou seja a capacidade de trocar informações entre elas.

A filosofia do Html quer que cada página que compõe um site seja uma entidade independente.

Neste esquemas a página principal contem duas frames, em que podemos trocar informações entre as frames mantendo sempre a mesma página:

 <=> 

 
Propriedades
 
PROPRIEDADES DESCRIÇÃO
length Devolva o número de frames subordinadas na página principal (página que contem todas as frames.
parent Sinónimo para a página principal.
 
Troca de informação entre frames
 

Com o exemplo seguinte, vamos transferir dados introduzidos pelo utilizador numa frame, para uma outra frame.

A página principal das frames

    <HTML>
    <HEAD>
    </HEAD>
    <FRAMESET ROWS="30%,70%">
    <FRAME SRC="subordinada01.htm" name="subordinada01">
    <FRAME SRC="subordinada02.htm" name="subordinada02">
    </FRAMESET>
    </HTML>

A página principal contém duas frames subordinadas "subordinada01" e "subordinada02".

A frame subordinada01.htm

    <HTML>
    <BODY>
    <FORM name="form1">
    <INPUT TYPE="TEXT" NAME="en" value=" ">
    </FORM>
    </BODY>
    </HTML>

A frame subordinada02.htm

    <HTML>
    <HEAD>
    <SCRIPT LANGUAGE="Javascript">
    <!--
    function affi(form) {
    parent.subordinada01.document.form1.en.value=document.form2.out.value
    }
    // -->
    </SCRIPT>
    </HEAD>
    <BODY>
    Escreve um valor e clica em "Enviar".
    <FORM NAME="form2" >
    <INPUT TYPE="TEXT" NAME="out">
    <INPUT TYPE="button" VALUE="Enviar" onClick="affi(this.form)">
    </FORM>
    </BODY>
    </HTML>

Os dados introduzido pelo utilizador encontra-se pelo caminho document.form2.out.value. Transfere-se estes dados na zona de texto da outra frame. Para isso, temos de especificar o caminho completo. Primeiro a zona de texto encontra-se na frame subordinada chamada subordinada01. Então o caminho começa por parent.subordinada01. Nesta frame encontra-se um documento que contém um formulário (form1) que contém por sua vez uma zona de texto (en), que tem como propriedade value. o que faz, que o caminho seja document.form1.en.value. E a expressão completa será:

parent.subordinada01.document.form1.en.value=document.form2.out.value

 
Por: Sérgio Brandão
 
 

ANÚNCIOS

 



 
 
 
  Tutoriais | Fóruns de Discussão | Notícias | Jogos | Dicas | Flash | Downloads | Livros
Gifs Animados | Loja Online | Publicitar no Truques e Dicas | Contactos