T r u q u e s e D i c a s - Tutoriais de Javascript

Algumas propriedades e métodos do objecto window não te são desconhecidas :
- as das caixas de diálogo. Seja alert(), confirm(), e prompt(),
- e as do temporizador. Seja setTimeout() e clearTimeout().

Uma outra série relacionada com as frames :
- são frames[], length, parent , opener e top.

Uma série em relação a barra de estado :
- são status e defaultStatus.

Uma série parar a abertura e fecho de uma janela :
- são open() e close().

E por fim self que reenvia a janela aberta.

Utilização da barra de estado

Com o Javascript, a barra de estado pode ser utilizado para afixar mensagens que desejas. Como eu sou míope como uma toupeira, não é a minha parte preferida do Javascript mas é uma opinião das mais subjectivas.

As propriedades utilizadas são:

PROPRIEDADES DESCRIÇÃO

status valor do texto afixado na barra de estado da janela.

defaultStatus valor por defeito que aparece na barra de estado.

Geralmente, estes evento é accionado por um omMouseOver() sobre um link.

Exemplo :

<HTML>
<BODY>
<A HREF="#" onmouseOver="self.status='Vosso texto'; return true;"> Barra de estado</A>
</BODY>
</HTML>

Barra de estado
(sobrevoar)

É indispensável de acrescentar return true;

Abertura e fecho de uma janela (teoria)

Os métodos utilizados são:

MÉTODOS DESCRIÇÃO

open() abra uma nova janela.

close() fecha a janela activa.

A sintaxe é:

[window.]open("URL","nome_da_janela","caracteristicas_da janela")

Onde URL é o URL da página que desejamos abrir na nova janela.

Onde caracteristicas_da_janela é uma lista de alguma ou de todas as característica da janela seguinte, separadas por vírgulas e sem espaços nem passagem de linha.

CARACTERÍSTICA DESCRIÇÃO

toolbar=yes ou no Visualização da barra de ferramentas

location=yes ou no Visualização de campo de endereço (ou de localização)

directories=yes ou no Visualização dos botões de acesso rápido

status=yes ou no Visualização da barra de estado

menubar=yes ou no Visualização da barra de menus

scrollbars=yes ou no Visualização das barras de desfilamento.
(scrollbars=no funciona mal sob Explorer 3.0)

resizable=yes ou no Possibilidade de modificar as dimensões da janela

width=x em pixels Largura da janela em pixeis

height=y em pixels Altura da janela em pixeis

Pode-se utilizar 1 e 0 em vez de yes e no.

Nota:

Esta nova janela vai aparecer em qualquer sítio no vosso écran. Mas pode-se decidir o local exacto onde a janela vai aparecer.

O uso de novas janelas é bastante simples com o Javascript para afixar informação suplementar sem sobrecarregar a página inicial.

Abertura com um botão (usando onClick)

Vamos abrir uma pequena janela que irá afixar o ficheiro test.htm com um botão na página.

Ficheiro test.htm :

<HTML>
<BODY>
<H1>Isto é um teste</H1>
<FORM>
<INPUT TYPE="button" value= " Continuar " onClick="self.close()">
</FORM>
</BODY>
</HTML>

onde self.close() fecha a janela corrente, isto é, a nova janela.

Na página inicial:

<FORM>
<INPUT TYPE ="button" value="Abrir une nova fenêtre"
onClick="open('test.htm', 'new', 'width=300,height=150,toolbar=no,location=no,
directories=no,status=no,menubar=no,scrollbars=no,resizable=no')">
(sem espaços nem passagem de linha)
</FORM>

xxxxx

Abertura com um botão (chamando uma função)

Na página inicial:

<SCRIPT LANGUAGE="javascript">

</SCRIPT>

<FORM>
<INPUT TYPE ="button" value="Abrir uma nova janela"
onClick="new_window()">
</FORM>

Anterior

Seguinte

ANÚNCIOS