Aula dia 29/07 às 22:00 GRATUITA
Para se inscrever na aula que é via MSN, deixe um post aqui com seu Nome Completo, as pessoas que não tiverem meu MSN mande através do e-mail contato@tedk.com.br o endereço de MSN para ser adicionado, terá limite de cadastrados.
O Material didático será dado no MSN mesmo, através de links
A Aula será através do meu MSN ("adamisongs arr gmail.com" os usuários serão inseridos na conversa), qualquer dúvida só será esclarecida no dia ou através desse mesmo tópico depois da aula.
Assuntos dessa AULA:
- Manipulando div's
- Centralizando uma div na tela (auxilia em criação de banner flutuante)
- Estilizando campos de formulários.
Será criado um formulário de login e um formulário de contato (fale conosco).
Tempo estimado da aula: 01:30 hs.
Começo da aula: 22:00
Requisitos:
- Obrigatoriamente noção de HTML e CSS básico:
- Internet Explorer 7 ou superior e Mozilla Firefox 2 ou superior instalado:
- Algum programa de Desenvolvimento com por exemplo NotePad++ ou Adobe Dreamweaver.
Dúvidas sobre como será a aula, mande através de e-mail, qualquer comentário que não for de inscrição através desse tópico será excluído.
Arquivo da aula: baixar
Página em JavaScript
funcao.js
var div = "manipulada";
// atribuir o nome da div que quer mostrar e ocultar
function AparecerDiv(){ // função aparecer
document.getElementById(div).style.display = "block";
// usamos o style.display para manupular o css da div e mostrar ela
}
function OcultarDiv(){ // função ocultar
document.getElementById(div).style.display = "none";
// usamos o style.display para manupular o css da div e ocultar ela
}
Teste.html
<html>
<head>
<script language="javascript" src="funcao.js"></script>
</head>
<body>
<span onClick="AparecerDiv();" style="cursor: pointer;"><u>Aparecer Div</u></span>
<br><br>
<div id="manipulada" style="display: none;">
Conteúdo da div escondida <span onClick="OcultarDiv();" style="cursor: pointer;">[<u>x</u>]</span>
</div>
</body>
</html>
Um código simples para quem precisa manipular uma div com facilidade:
Fazer um form simples onde o campo mude de cor quando em foco.
Um JavaScript simples com base em DHTML.
Segue o JavaScript:
<script language="javascript">
function mudarCor(ref,corEscolhida){
ref.style.backgroundColor = corEscolhida;
}
</script>
Aqui segue um código em HTML e DHTML normal chamando o foco do botão e a cor escolhida!
<input type="text" name="campoFormulario" onFocus="mudarCor(this,'#FFFFE1')" onBlur="mudarCor(this,'#FFFFFF')">
bem simples:
Acesse também: Webly
