Introducao a Aplicacoes WEB

1262 palavras 6 páginas
JavaScript

Java 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

Relacionados

  • DotNET
    1197 palavras | 5 páginas
  • Modelo para realizar um TCM
    2276 palavras | 10 páginas
  • Plano de Ensino - Desinger Gráfico e Multimídia
    1853 palavras | 8 páginas
  • WebService
    2024 palavras | 9 páginas
  • Arquitetura de acesso à banco de dados com aplicações web
    1681 palavras | 7 páginas
  • Aplicaçoes web 2.0
    348 palavras | 2 páginas
  • Apostila Java Modulo 5
    26223 palavras | 105 páginas
  • Institui O De Encino
    2036 palavras | 9 páginas
  • Arquitetura desenvolvimento mobile
    2028 palavras | 9 páginas
  • RelatorioPWBI
    2608 palavras | 11 páginas