Introducao a Aplicacoes WEB
1262 palavras
6 páginas
JavaScriptJava Script
O que é JavaScript?
Diferença entre Java e JavaScript?
O q pode ser feito com JavaScript?
Janelas de alerta;
Validação de campos de formulário;
Detectar o navegador do usuário;
Manipular datas e horas e etc..
<script> .... </script>
JavaScript - cont
Como inserir JavaScript em documentos
HTML.
<script language=“javascript”>...</script>
JavaScript é uma linguagem Case-
Sensitive;
Comentário: // ou /* */
Fazer validação em formulários...
Chamar um arquivo .js externo <head>
<script language="JavaScript" type="text/javascript" src="MascaraValidacao.js"></script>
</head>
Abrindo uma janela ao carregar uma página
<body onload=“window.open ou funçao”> function janela(url)
{
window.open('tabela.html','teste','scrollbars=1, height=100,width=100,top=100,left=100'); }
Janelas método – window.open(“url”, “nome da janela”, “caracteristicas”) caracteristicas: menubar, tollbar, scrollbars, status, location, height, width, top, left
Mensagens de Alerta alert(“mensagem“); confirm(“Deseja prosseguir?”);
Confirme function show_confirm()
{
var r=confirm("Press a button"); if (r==true) { alert("You pressed OK!"); } else { alert("You pressed Cancel!"); }
}
<input type="button" onclick="show_confirm()" value="Show confirm box" />
Exemplo:
<form name =“site“ method=“post”>
<input type="text" size=30 name="maiuscula"> <input type="text" size=30 name=“p1">
<input type="button" value="Converte para
Maiuscula"
onclick="document.site.maiuscula.value=d ocument.site.p1.value.toUpperCase()"> </form>
Validação de formulário
Verifica se esta vazio: if (document.formulario.nome.value=="")
{
alert("Digite um nome"); return false;
}
Else ... return true;
}
Mensagem de Erro
Ou através do alert(“Mensagem de erro”);
No HTML: <p class="erro" id="camada"
></p>
No JavaScript:
document.getElementById("camada").inner
HTML="Por favor digite um Nome";
Manipulação de caixa de texto blur=perde o foco
focus=recebe o foco