<html>
<body>
<a href="ColegiadoOrgaoManutencao.html" onMouseOver="window.status='Curso de Java Script'; return true"> Cadastro do Conselho </a>
</body>
</html>
Abra esta página com o seu navegador e veja o resultado. Posicione o mouse sob o link e olhe para a barra de status na parte de baixo do seu browser.
A única coisa que você tem que fazer é acrescentar a propriedade onMouseOver ao seu tag de link <a>. O 'window.status' lhe permitirá escrever coisas na barra de status do seu browser. Como se pode ver, você tem que alterar as aspas. Você não vai poder usar " todo o tempo, porque se não o JavaScript não será capaz de identificar a seqüência que você quer imprimir na barra de status. Depois da seqüência você tem que escrever ;return true.
Criando variáveis
A variável é criada automaticamente, pela simples associação de valores a mesma.
Exemplo:
novaVariavel = "Jose"
Foi criada a variável de nome novaVariavel que, passou a conter a string Jose.
As variáveis podem ser Locais ou Globais. As variáveis que são criadas dentro de uma função são Locais e referenciáveis apenas dentro da função. As variáveis criadas fora de funções são Globais, podendo ser referenciadas em qualquer parte do documento.
Desta forma, variáveis que precisam ser referenciadas por várias funções ou em outra parte do documento, precisam ser definidas como globais.
Embora não seja recomendável, em uma função, pode ser definida uma variável local com o mesmo nome de uma variável global. Para isso utiliza-se o método de definição var.
Exemplo:
Variável Global * MinhaVariavel = ""
Variável Local * var MinhaVariavel = ""
Escrevendo no documento
O JavaScript permite que o programador escreva linhas dentro de uma página (documento), através do método write. As linhas escritas desta forma, podem conter textos, expressões JavaScript e comandos Html. As linhas escritas através deste método aparecerão no ponto da tela onde o comando for inserido.
Vamos falar sobre o objeto document.write().
O objeto
Método do objeto documento:
O arquivo HTML que aparece na janela do browser é um objeto tipo document.
A cada objeto Javascript, o programador da linguagem previu um conjunto de métodos - ou funções dedicadas a este objeto. Para document, o Javascript dedicou o método 'escrever no documento', conhecido como o método write().
A chamada do método faz-se segundo a notação:
nome_do_objeto.nome_do_método
Para chamar o método write() do documento, escreva-se:
document.write();
Método write()
A sintaxe é bastante simples
write("seu texto");
Pode-se também escrever uma variável, seja a variável resultado,
write(resultado);
Para associar texto (cadeia de caracteres) e variáveis, utiliza-se à instrução:
write("O resultado é" + resultado);
Podem-se utilizar os tags Html para incrementar o texto:
write("<B>O resultado é</B>" + resultado); ou
write ("<B>" + "O resultado é" + "</B>" + resultado)
Exemplos:
<script>
valor = 30
document.write ("Minha primeira linha")
document.write ("Nesta linha aparecerá o resultado de : "
+ (10 * 10 + valor))
</script>
A idéia do exemplo acima é escrever duas linhas. Entretanto o método write não insere mudança de linha, o que provocará o aparecimento de apenas uma linha com os dois textos emendados.
Para evitar este tipo de ocorrência, existe o método writeln que escreve uma linha e espaceja para a seguinte. Entretanto, em nossos testes, este comando não surtiu efeito, obtendo-se o mesmo resultado do método write. A solução encontrada para esta situação foi a utilização do comando de mudança de parágrafo da linguagem Html.
<script>
valor = 30
document.write ("<p>Minha primeira linha</p>") document.write ("<p>Nesta linha aparecerá o resultado de
: " + (10 * 10 + valor) + "</p>")
</script>
Isto resolve a questão da mudança de linha, porém, vai gerar uma linha em branco, entre cada linha, por se tratar de mudança de parágrafo. Caso não seja desejada a existência da linha em branco, a alternativa é utilizar o comando Html
<br> que apenas muda de linha.
<script>
valor = 30
document.write ("<br>Minha primeira linha") document.write ("<br>Nesta linha aparecerá o resultado de : " + (10 * 10 + valor) )
</script>
O problema
O objeto 'document.write()' limpa todo o documento antes de imprimir algo na tela.
Para solucionar este problema utilizaremos o objeto ‘window’. Com esse simples parâmetro adicional, 'window-janela' no objeto, ele se torna muito útil, além de não mais limpar a tela para imprimir.
Exemplo:
<html>
<head>
<script language="Java Script"> window.document.write("Sem limpar...");
</script>
</head>
<body>
o documento...
</body>
</html>
Mensagens
Existem três formas de comunicação com o usuário através de mensagens.
Apenas Observação. alert ( mensagem )
Exemplo:
alert ("Certifique-se de que as informações estão corretas")
Mensagem que retorna confirmação de OK ou CANCELAR
confirm (mensagem) Exemplo:
if (confirm ("Algo está errado...devo continuar??")){ alert("Continuando")
}else {
alert("Parando")
}
Recebe mensagem via caixa de texto Input
Receptor = prompt ("Minha mensagem", "Meu texto")
Onde:
Receptor é o campo que vai receber a informação digitada pelo usuário.
Minha mensagem é a mensagem que vai aparecer como Label da caixa de input Meu texto é um texto, opcional, que aparecerá na linha de digitação do usuário.
Ex.
Entrada = prompt ("Informe uma expressão matemática", "") Resultado = eval (Entrada)
document.write("O resultado é = " + Resultado)
Funções
Uma função é um set de instruções, que só devem ser executadas quando a função for acionada.
A sintaxe geral é a seguinte:
function NomeFunção (Parâmetros){ Ação
}
Suponha uma função que tenha como objetivo informar se uma pessoa é maior ou menor de idade, recebendo como parâmetro a sua idade.
function Idade (Anos) { if(Anos > 17) {
alert ("Maior de Idade")
}else{
alert ("menor de Idade")
}
}
Para acionar esta função, suponha uma caixa de texto, em um formulário, na qual seja informada a idade e, a cada informação, a função seja acionada.
<form>
<input type=text size=2 maxlength=2 name="Tempo"
onchange="Idade(Tempo.value)">
</form>
Observe-se que o parâmetro passado (quando ocorre o evento "onchange") foi o conteúdo da caixa de texto "Tempo" (propriedade "value") e que, na função, chamamos de "Anos". Ou seja, não existe co-relação entre o nome da variável passada e a variável de recepção na função. Apenas o conteúdo é passado.
Comentários
Postar um comentário