O que é Java Script
_____________________________________________________________________________________
CSS é javascript ?
Como criar Funções
_____________________________________________________________________________________
Javascript é um conjunto de bibliotecas que rodam, no navegador ou browser de internet, e utilizam uma estrutura programacional semelhante ao do JAVA, mas não é JAVA.
Javascript é o que permite ao navegador dinamizar as páginas de internet, criando menus, banners dinâmicos, botões (clicar, mover sobre, sair), assim como interragir com de forma mais amistosa com o usuários.
Estes scripts utilizam acesso aos DOM, que são objetos criados e executados pelo navegador, cuja a hierarquia segue:
+------[location]
| +------[forms]
| |
Navegador(Browser) ---[window]---+------[document]-----------+------[Anchor]
| |
| +------[links]
+-----[history]
Location = Localização, window - a janela do browser (navegador), document (documento aberto),
histoty (historico de navegações), forms (os formularios do botão submit ou submeter), links (os links a outras páginas ou documentos - internet ou intranet) e Anchor (as ancoras).
***
OBS: Para testar os códigos copie para um programa editor de textos simples como o bloco de notas, por exemplo, salve os scripts com um nomes e com a extensão html. Depois rode num navegador.
_____________________________________________________________________________________
De certa forma é javascript.
Quando anexamos uma página .CSS ao nosso site nela estão contidas as configurações para os componentes <html> interpretados pelo navegador.
Por exemplo:
input {border: 1px solid red } - forçará aos inputs dos formulários (todos) a terem borda de 1px do tipo solido na cor vermelha.
BODY, P, SPAN, DIV, UL, OL, LI {
font-family: Arial, Helvetica;
font-size: 11px;
color: black;
}
font-family: Arial, Helvetica;
font-size: 11px;
color: black;
}
Esta definição força a página - BODY, os parágrafos - P, e outros elementos a possuírem a formatação de letra Arial ou Helvetica, na fonte 11px e na cor black.
CSS, é um recurso muito importante para a formatação de páginas, economiza muito tempo de
programação, diagramação e organização, porém seu uso deve ser planejado com cuidado ou tudo vira uma bagunça.
Como criar Funções
_____________________________________________________________________________________
Criar funções com JS é muito fácil! Inicie com:
function NomeDaFuncao(parâmetros) {
...comandos...
}
Cuidado com parâmetros: no JS variáveis e parâmetros não possuem tipo definido, o valor passado é que define o tipo.
Funções que exibem mensagens
_____________________________________________________________________________________
Há três formas de se exibir mensagens pelas páginas com JS:
- alert(‘mensagem’)
- confirm(‘mensagem’) – Exibe mensagem em uma caixa com um botão de confirmação.
exemplo de uso -> <html><body onload=”confirm(‘Continuar ?’);”></body></html>
- prompt(‘Mensagem’,’texto’) - Exibe mensagem em uma caixa com caixa de texto – texto, um botão de confirmação.
exemplo de uso -> <html><body onload=”prompt(‘Digite seu nome’,’???’);”></body></html>
Pontos e vírgulas
_____________________________________________________________________________________
Sempre que for utilizada uma função pelo Java Script, no final da declaração digite ; (ponto e vírgula).
Exemplo:
<table>
<tr>
<td onclick="this.style.background='red';">
Clique aqui muda o fundo para vermelho...
</td>
</tr>
</table>
</body></html>
Como mudar a cor de uma célula ao passar com mouse sobre
_____________________________________________________________________________________
Os eventos onmouseover ocorrem quando o mouse passa sobre o objeto e onmouseout quando não há mouse sobre. A partir destes dois eventos é possivel dinamizar uma página.
Exemplo:
<html><body>Exemplo:
<table>
<tr>
<td onmouseover="this.style.background='red';" onmouseout="this.style.background='';" >
Clique aqui muda o fundo para vermelho...
</td>
</tr>
</table>
</body></html>
_____________________________________________________________________________________
Nenhum comentário:
Postar um comentário
Fique à vontade para comentar. Apenas pedimos educação e bom senso. Obrigado pela visita e volte sempre!