| |
|
|
| TUTORIAIS
DE JAVASCRIPT |
| |
Objecto Window (continuação)
|
|
|
|
 |
| |
| |
| |
|
Fecho da janela após alguns segundos
|
| |
Com este script, sem intervenção
do utilizador, a nova janela se fecha
automaticamente após 4 segundos.
Ao clicar no botão, o utilizador
interrompe a contagem decrescente que
ia fechar a janela e terá de a
fechar ele mesmo. Com este sistema, temos
a certeza que a nova janela será
fechada.
<HTML>
<BODY onLoad='compt=setTimeout("self.close();",4000)'>
<H1>Isto é um teste</H1>
<FORM>
<INPUT TYPE="button" value="
Continuar " onClick="clearTimeout(compt);self.close();">
</FORM>
</BODY>
</HTML>
Na página inicial :
<FORM>
<INPUT TYPE ="button" value="Abrir
uma nova janela"
onClick="open('testc.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>
|
| |
| Abertura clicando num link
ou numa imagem |
| |
Acrescenta-se simplesmente "onClick=open..."
ao tag <A> do link ou da imagem.
Na página incial, temos:
<A HREF="#" onClick="open('test.htm',
'', 'width=300,height=150,toolbar=no,location=no,directories=no,status=no,menubar=
no,scrollbar=no,resizable=no')">link
de teste</A> (sem
espaços nem passagem de linha)
link
de teste
(clicar)
|
| |
| Abertura sobrevoando um
link ou uma imagem |
| |
Acrescenta-se simplesmente "onMouseOver=open..."
ao tag <A> do link ou da imagem.
Na página incial, temos:
<A HREF="#" onMouseOver="open('test.htm',
'', 'width=300,height=150,toolbar=no,location=no,directories=no,status=no,menubar=
no,scrollbar=no,resizable=no')">link
de teste</A> (sem
espaços nem passagem de linha)
link
de teste
(sobrevoar)
|
| |
| Abertura sobrevoando o
link e fecho saíndo do link |
| |
aqui utiliza-se onmouseOver e
onmouseOut. De relembrar, que o
onmouseOver é do Javascript 1.1
e não funciona então com
o Explorer 3.0.
Na página incial, temos:
<A HREF="#" onMouseOver="open('test.htm',
'', 'width=300,height=150,toolbar=no,location=no,directories=no,status=no,menubar=
no,scrollbar=no,resizable=no')" onmouseOut="self.close()">link
de teste</A>
(sem espaços
nem passagem de linha)
link
de teste
(sobrevoar)
|
| |
| Abertura com um botão
(chamando uma função) |
| |
Na página inicial:
<SCRIPT LANGUAGE="javascript">
<!--
function new_window() {
xyz="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
}
// -->
</SCRIPT>
<FORM>
<INPUT TYPE ="button" value="Abrir
uma nova janela"
onClick="new_window()">
</FORM>
|
| |
| |
| |
|
|
|
|
|
|
|
 |
|
Photoshop
