Será exibida uma mensagem na barra de status, assim que o mouse sair de
cima do link. Para evitar este problema, atribua para este evento a instrução
return true que executará o comando é executado sem problemas. Veja pelo
exemplo a seguir:
<a href="http://www.mg.senac.br"
onMouseOver="defaultStatus='Olhe para a barra de Status';
return true">SENAC</A><BR>
Lembre-se que quando quiser executar duas ações para o mesmo evento,
basta separá-las com um ponto e vírgula.
EVENTO ONMOUSEOUT
Com este evento o usuário poderá determinar uma ação assim que o mouse
sair de cima de um hiperlink. Pelo exemplo do evento onMouseMove o
usuário consegue atribuir uma mensagem na barra de status, porém a
mensagem permanece, utilizando o evento onMouseOut, o usuário poderá
informar o que deve acontecer quando o ponteiro do mouse sair do objeto.
Avaliando o exemplo anterior, vamos determinar que ao ponteiro do mouse
sair do hiperlink, a mensagem da barra de status será omitida. Veja pelo
exemplo a seguir:
<a href="http://www.mg.senac.br"
onMouseOver="defaultStatus='Olhe para a barra de Status';
return true" onMouseOut=defaultStatus="">SENAC</A><BR>
EVENTO ONMOUSEDOWN
O evento onMouseDown ocorre sempre que é pressionado o botão do mouse.
Veja pelo exemplo apresentado abaixo:
<a href="http://www.mg.senac.br" onMouseOver="defaultStatus='Olhe
para a barra de Status';return true" onMouseOut=defaultStatus=""
onMouseDown="alert('testando')">SENAC</A>
EVENTO ONMOUSEUP
O evento onMouseUp ocorre sempre que o botão do mouse é solto. Este
evento segue os mesmos padrões do evento apresentado anteriormente.
EVENTO ONKEYPRESS
O evento onKeyPress ocorre sempre que uma tecla é pressionada. Este
evento segue os mesmos padrões do evento apresentado anteriormente.
EVENTO ONKEYDOWN
O evento onKeyDown ocorre sempre que uma tecla é abaixada. Este evento
segue os mesmos padrões do evento apresentado anteriormente.
EVENTO ONKEYUP
O evento onKeyUp ocorre sempre que uma tecla é solta. Este evento segue os
mesmos padrões do evento apresentado anteriormente.
EVENTO ONSELECT
O evento onSelect ocorre sempre quando o usuário seleciona um texto dos
elementos de formulário text ou textarea.
Vejamos um exemplo de sua utilização:
<form name="form1">
Digite seu Nome:
<input type="text" name="campo1"
onSelect="alert('O usuário selecionou '+this.value)">
EVENTO ONSUBMIT
O evento onSubmit ocorre sempre que o usuário envia o formulário. Com este
evento o usuário poderá determinar ou não o envio do formulário. Vejamos um
exemplo para sua utilização:
<form name="form1" onSubmit="alert('Formulário Enviado')">
Com este evento o usuário poderá verificar a validação de dados, como por
exemplo se todos os campos do formulário estão preenchidos.
Veja agora um exemplo desta utilização, caso o campo específico esteja em
branco o usuário receberá uma mensagem informando que o campo não foi
preenchido:
<script>
<!--
function teste(){
if (form1.campo1.value==""){
alert("FAVOR PREENCHER");
return(false);
} else {
return(true);
}
}
-->
</script>
<pre>
<form name="form1" onSubmit="teste()">
Digite seu Nome:
<input type="text" name="campo1">
FUNÇÕES DA LINGUAGEM JAVASCRIPT
As funções utilizadas em JavaScript são embutidas no núcleo da linguagem.
Estas funções não pertencem à nenhum objeto, elas funcionam com variáveis
número e as que não são objetos. Com estas funções não é necessário a
declaração de um objeto-pai para usá-las, sendo bem diferentes dos métodos
como por exemplo document.write. Write é o método pertencente ao objeto
document.
FUNÇÃO EVAL
Esta função avalia uma expressão que poderá ser em formato string, o que se
torna prático quando o usuário deseja estabelecer expressões no momento em
que for preciso. Sua sintaxe é formada da seguinte maneira:
eval(expressão);
Criaremos um exemplo que irá avaliar uma expressão que contém números,
operadores e strings. Neste exemplo formaremos um cálculo que será
representado como string. Com o uso da função eval, será testado todos os
argumentos da função fazendo a compreensão de todos os elementos
presentes:
<script>
valor=5
alert(eval("2*valor"));
</script>
FUNÇÃO ISNAN
A função isNaN tem a finalidade de testar um número para determinar se é
não se não é um número. Normalmente esta função é usada para comparar
valores do tipo número ou string. Com o emprego desta função o usuário
poderá determinar se um valor contém realmente um valor numérico. Esta
função pode ser utilizada em conjunto com as funções parseInt e parseFloat
em razão de retornarem a string NaN quando o conteúdo da variável não é um
número. Sua sintaxe tem a seguinte formação:
isNaN(valor);
No exemplo a seguir, foi criado um script bem simples que testa se o valor
digitado no campo de formulário é um número.
<script>
function condicao(valor){
if(isNaN(valor)){
alert("Não é um número!!!");
}
}
</script>
<form name="form1">
Nome:
<input type="text" name="nome" onBlur="condicao(this.value)">
FUNÇÃO PARSEFLOAT
Com a função parseFloat, é feita a conversão de um objeto string, retornando
um valor de ponto flutuante. Com ela é convertido uma string em um valor
numérico equivalente. Se a função encontrar um caractere diferente de um
sinal (+ ou -), números (0 à 9), ponto decimal ou expoente, será retornado o
valor até aquele ponto e ignorado o restante. Caso o primeiro caractere não
puder ser convertido para um número, parseFloat irá retornar os valores 0
para a plataforma Windows e NaN para as outras plataformas. Sua sintaxe
tem a seguinte formação:
parseFloat(string);
Veja a seguir um exemplo da utilização da função parseFloat.
<script>
valor=parseFloat("123,456");
alert(valor)+1;
</script>
FUNÇÃO PARSEINT
Com a função parseInt, o usuário poderá converter valores de string em
valores numéricos equivalentes. É possível a conversão de números de bases
como hexadecimal ou octal em valores decimais. Caso a função encontra um
caractere diferente de um sinal (+ ou -), números (0 à 9), ponto decimal ou
expoente, será retornado o valor até aquele ponto e ignorado o restante. Caso
o primeiro caractere não puder ser convertido para um número, a função
parseInt irá retornar o valor 0 para Windows e NaN para outros sistemas. Sua
sintaxe tem a seguinte formação:
parseInt(string,radix);
Onde é apresentado radix, é um inteiro que representa a base do valor de
retorno. No exemplo a seguir é convertido um valor string em seu valor
numérico equivalente:
<script>
valor=parseInt("123.456");
alert(valor);
</script>
através do parâmetro radix, é possível a conversão de um número de uma
base para decimal, já no caso contrário isto não é possível. Veja um exemplo
de sua utilização:
valor=parseInt("ff",16); //Conversão hexadecimal, retorna 255
valor=parseInt("0xff",16); //Conversão hexadecimal, retorna 255
valor=parseInt("1111",2); //Conversão binário, retorna 15
valor=parseInt("765",8); //Conversão octal, retorna 501
Vejamos os valores de cada base existente:
2 Binário.
8 Octal.
10 Decimal.
16 Hexadecimal.
A omissão do parâmetro radix, a linguagem JavaScript assume que o valor
definido está no formato decimal.
FUNÇÕES PRÉ-PROGRAMADAS
As funções pré-programadas do JavaScript, permite ao usuário executar
operações simples como configurar sua página como inicial, adicionar uma URL
ao favoritos, imprimir o documento, aumentar sua lógica de raciocínio
facilitando a criação de novos scripts, entre outras operações. Vejamos alguns
exemplos.
IMPRESSÃO DA PÁGINA
Através da função print(), o usuário poderá executar a função de imprimir
evitando caminhos longos para isto ou facilitar ao usuário iniciante em
informática, abaixo segue um exemplo simples:
<P onMouseDown='self.print()'">Imprimir Documento</p>
Neste exemplo foi usado o evento onMouseDown que avisa ao navegador
para imprimir o documento atual quando o usuário clicar sobre o texto de
parágrafo.
ADICIONAR AO FAVORITOS
Segue a seguir, um exemplo de inserção de uma URL à pasta dos Favoritos.
Veja sua utilização e estude sua lógica, observe que é bem simples:
<script>
<!--
var url="http://www.mg.senac.br"
var titulo="Portal Senac Minas"
function Favoritos(){
if (document.all)
window.external.AddFavorite(url,titulo)
}
// -->
</script>
<input type="button" value="Favoritos" onClick=Favoritos()>
JANELA EM MOVIMENTO
Outro Exemplo interessante é a abertura de uma página que abre uma janela
em movimento. Veja o código abaixo e faça um teste:
function expandingWindow(website) {
var heightspeed=2;//velocidade vertical (valor maior = mais lento)
var widthspeed=7;//velocidade horizontal(valor maior = mais lento)
var leftdist = 0; // distância do canto esquerdo da janela
var topdist = 0; // distância do canto superior da janela
if (document.all) {
var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
var sizer = window.open("","","left=" + leftdist + ",top=" +
topdist + ",width=1,height=1,scrollbars=yes");
for (sizeheight = 1; sizeheight < winheight; sizeheight +=
heightspeed) {
sizer.resizeTo("1", sizeheight);
}
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed)
{
sizer.resizeTo(sizewidth, sizeheight);
}
sizer.location = website;
}
else
window.location = website;
}
// End -->
Comentários
Postar um comentário