Veja o efeito deste código apresentado na figura a seguir:
Se o usuário desejar controlar o código HTML da janela gerada, basta
determinar no código JavaScript da janela principal os tag’s específicos para a
segunda janela. Veja pelo exemplo a seguir:
<HTML>
<HEAD>
<title>TESTE DE JANELAS</TITLE>
<script>
janela2=window.open("","","status=yes,width=250,height=200")
janela2.document.write("<HEAD><TITLE>Janela 2</TITLE></HEAD>")
</script>
</head>
<body bgcolor=yellow>
SENAC-MG
</body>
</html>
Neste código foi usado o objeto document atribuído a variável que representa
a janela secundária “JANELA2” para especificar os tag’s de cabeçalho e título
para esta nova janela.
janela2.document.write("<HEAD><TITLE>Janela 2</TITLE></HEAD>")
Veja pelo exemplo da próxima figura que a nova janela será apresentada com
o título JANELA 2 em sua barra de título:
Vamos agora incrementar nosso código, controlando o corpo da nova janela
com cores e até com um texto presente. Veja no código a seguir o uso do
objeto document e seu método write que irá permitir o controle sobre a
segunda janela aberta a partir da primeira:
Vamos adicionar ao nosso script existente a seguinte linha além da já
existente:
janela2.document.write("<HEAD><TITLE>Janela 2</TITLE></HEAD>")
janela2.document.write("<body bgcolor=black>")
janela2.document.write("<CENTER><H2><FONT FACE=arial
color=white>Novo Curso no Senac<BR>de
JavaScript</H2></CENTER></FONT>")
teremos o seguinte efeito conforme mostrado na figura a seguir:
Aproveitando a criação desta nova janela, iremos criar um botão de formulário
onde atribuiremos uma ação de evento que fará o fechamento automático
desta janela.
Para isto, basta utilizar o método close para o objeto window. Veja pelo
exemplo do código a seguir:
<HTML>
<HEAD>
<title>TESTE DE JANELAS</TITLE>
<script>
janela2=window.open("","","status=yes,width=250,height=200")
janela2.document.write("<HEAD><TITLE>Janela 2</TITLE></HEAD>")
janela2.document.write("<body bgcolor=black>")
janela2.document.write("<CENTER><H2><FONT FACE=white>Novo
Curso no Senac<BR>de JavaScript</H2></CENTER></FONT>")
janela2.document.write("<INPUT TYPE=button NAME=fecha
VALUE=Fechar Janela onClick=window.close()>")
</script>
</head>
<body bgcolor=yellow>
SENAC-MG
</body>
</html>
o método onClick foi utilizado para acionar o objeto window assim que o
usuário clicar sobre este botão. Com isto, ele executará o método close que
tem a função de fechar a janela onde ele se encontra. Veja pelo exemplo da
figura a seguir:
Criaremos agora na janela principal um novo botão com a finalidade de abrir
uma nova janela, para isto deve-se definir o botão no corpo da janela principal
conforme mostrado no código a seguir:
<body bgcolor=yellow>
SENAC-MG<br>
<form name="abre">
<input type="button" name="botao1" value="Abrir Janela" onClick=
janela2=window.open("","","status=yes,width=250,height=200")
Para que se abra a mesma janela que foi fechada, é necessário que se crie
uma função para aproveitar o código já utilizado.
ABRINDO PÁGINAS EM FULLSCREEN (Tela Cheia)
Através do argumento fullscreen o usuário poderá abrir a janela do browser
em tela cheia, fazendo-o ocupar toda à área do monitor. O código a seguir
permite ao usuário abrir sua página em tela cheia
<script>
<!--
function Remote() {
var remote = null
remote =
window.open('','vRemote','toolbar=no,location=no,directories=no,st
atus=no,menubar=no,scrollbars=yes,resizable=no,fullscreen=yes')
if (remote != null) {
if (remote.opener == null) {
remote.opener = self
}
remote.location.href ='http://www.aglima.ezdir.net'
}
}
Remote();
history.go(-1);
// -->
</script>
O OBJETO MATH
Este objeto é utilizado para realizar operações matemáticas. Estas operações
podem ser aritméticas, funções trigonométricas, funções de arredondamento e
comparação. A sintaxe de utilização dos métodos deste objeto seguem a
seguinte sintaxe:
Math.método(valor)
Ou
with (Math){
método(valor)
}
PROPRIEDADES DE CÁLCULO DO OBJETO MATH
Veja na tabela abaixo a relação das propriedades do objeto Math:
PROPRIEDADES DESCRIÇÃO
E
Constante de Euler e a base dos
logaritmos naturais (próximo de 2,118).
LN2 Logaritmo natural de 2.
LN10 Logaritmo natural de 10.
LOG2E Logaritmo na base 2 de E.
LOG10E Logaritmo na base 10 de E.
PI
Equivalente numérico de PI,
arrendondado para 3,14.
SQRT1_2 Raiz quadrada de um meio.
SQRT2 Raiz quadrada de 2.
No exemplo que foi utilizado a estrutura with, permite ao usuário utilizar uma
série de métodos math sem a necessidade de acrescentar varios
Math.Objeto, facilitando todo um trabalho.
MÉTODOS DO OBJETO MATH
ABS
Este método tem a função de retornar o valor absoluto de um número. Isto
significa que o valor será sempre positivo. Caso seja utilizado um valor
negativo à este método. Ele será retornado como positivo. Por exemplo, caso
seja definido o valor –123, ele será convertido para 123. Veja o exemplo
abaixo:
<script>
valor=Math.abs(-123);
alert(valor);
</script>
Neste exemplo foi definido à variável valor o método abs do objeto Math que
possui o valor negativo –123, em seguida foi solicitado através de uma caixa
de alerta a exibição do conteúdo da variável valor que foi convertido em
número positivo.
ACOS
Este método irá retornar o arco co-seno (em radianos) de um número.
Vejamos o exemplo a seguir:
<script>
valor=Math.acos(0.12);
alert(valor);
</script>
O script acima irá retornar o resultado: 1.4505064444001085
ASIN
O método asin retorna o arco seno (em radianos) de um valor. Veja o
exemplo a seguir:
<script>
valor=Math.asin(0.12);
document.write(valor);
</script>
Comentários
Postar um comentário