Javascript > Key Codes

Pessoal, vou mostrar aki como capturar um evento de teclado com javascript, dessa forma vc consegue manipular formulários ou validar várias referentes a eventos de teclado com essa função

No exmplo abaixo vou aplicar a função para capturar o evento da tecla enter, assim toda vez que o usuário precionar a tecla enter num form por exemplo, ele vai retornar um alerta


bom, primeiro o cod javascript:

_________________________________________
function entra(evt) {
var tecla = (evt.which) ? evt.which : event.keyCode
if (tecla== 13) {
alert('Voce apertou a tecla enter');
return false;
} else {
return true;
}
}
_________________________________________

Agora o HTML do formulário pra vc ter uma base de como implementar esse script
_________________________________________
<form name="form" method="post" action="#" onkeypress="return entra(event)">
<label><input type="text" name="yopirateo" id="yopirateo" /></label>
</form>
_________________________________________



Agora mais abaixo uma tabela com os codigos das teclas
_________________________________________

Tecla: backspace Código: » 8

Tecla: tab Código: » 9

Tecla: enter Código: » 13

Tecla: shift Código: » 16

Tecla: ctrl Código: » 17

Tecla: alt Código: » 18

Tecla: pause/break Código: » 19

Tecla: caps lock Código: » 20

Tecla: escape Código: » 27

Tecla: page up Código: » 33

Tecla: page down Código: » 34

Tecla: end Código: » 35

Tecla: home Código: » 36

Tecla: left arrow (seta esquerda) Código: » 37

Tecla: up arrow (seta pra cima) Código: » 38

Tecla: right arrow (seta direita) Código: » 39

Tecla: down arrow(seta pra baixo) Código: » 40

Tecla: insert Código: » 45

Tecla: delete Código: » 46

Tecla: 0 Código: » 48

Tecla: 1 Código: » 49

Tecla: 2 Código: » 50

Tecla: 3 Código: » 51

Tecla: 4 Código: » 52

Tecla: 5 Código: » 53

Tecla: 6 Código: » 54

Tecla: 7 Código: » 55

Tecla: 8 Código: » 56

Tecla: 9 Código: » 57

Tecla: a Código: » 65

Tecla: b Código: » 66

Tecla: c Código: » 67

Tecla: d Código: » 68

Tecla: e Código: » 69

Tecla: f Código: » 70

Tecla: g Código: » 71

Tecla: h Código: » 72

Tecla: i Código: » 73

Tecla: j Código: » 74

Tecla: k Código: » 75

Tecla: l Código: » 76

Tecla: m Código: » 77

Tecla: n Código: » 78

Tecla: o Código: » 79

Tecla: p Código: » 80

Tecla: q Código: » 81

Tecla: r Código: » 82

Tecla: s Código: » 83

Tecla: t Código: » 84

Tecla: u Código: » 85

Tecla: v Código: » 86

Tecla: w Código: » 87

Tecla: x Código: » 88

Tecla: y Código: » 89

Tecla: z Código: » 90

Tecla: left window key Código: » 91

Tecla: right window key Código: » 92

Tecla: select key Código: » 93

Tecla: numpad 0 Código: » 96

Tecla: numpad 1 Código: » 97

Tecla: numpad 2 Código: » 98

Tecla: numpad 3 Código: » 99

Tecla: numpad 4 Código: » 100

Tecla: numpad 5 Código: » 101

Tecla: numpad 6 Código: » 102

Tecla: numpad 7 Código: » 103

Tecla: numpad 8 Código: » 104

Tecla: numpad 9 Código: » 105

Tecla: multiply Código: » 106

Tecla: add Código: » 107

Tecla: subtract Código: » 109

Tecla: decimal point Código: » 110

Tecla: divide Código: » 111

Tecla: f1 Código: » 112

Tecla: f2 Código: » 113

Tecla: f3 Código: » 114

Tecla: f4 Código: » 115

Tecla: f5 Código: » 116

Tecla: f6 Código: » 117

Tecla: f7 Código: » 118

Tecla: f8 Código: » 119

Tecla: f9 Código: » 120

Tecla: f10 Código: » 121

Tecla: f11 Código: » 122

Tecla: f12 Código: » 123

Tecla: num lock Código: » 144

Tecla: scroll lock Código: » 145

Tecla: semi-colon Código: » 186

Tecla: equal sign Código: » 187

Tecla: comma Código: » 188

Tecla: dash Código: » 189

Tecla: period Código: » 190

Tecla: forward slash Código: » 191

Tecla: grave accent Código: » 192

Tecla: open bracket Código: » 219

Tecla: back slash Código: » 220

Tecla: close braket Código: » 221

Tecla: single quote Código: » 222

SQL > função datepart

wow, galera, vou mostrar aki uma função sql que acabou de mudar minha vida, precisaca agrupar um capo de data, mas precisava agrupar apenas o mes e o ano, o dia tinha que ficar de fora... ai fui recorrer ao milagroso SQL, que alem de fazer consultas ainda me serve um cafezinho... uebah!

a função datepart serve para resgatar uma parde de um valor data

DatePart ('yyyy', #9/3/1981#) retorna 1981
DatePart ('m', #9/3/1981#) retorna 3
DatePart ('d', #9/3/1981#) retorna 9

outras aplicações para o datepart:

year > yy, yyyy
quarter > qq, q
month > mm, m
dayofyear > dy, y
day > dd, d
week > wk, ww
weekday > dw
hour > hh
minute > mi, n
second > ss, s
millisecond > ms

agora um exemplo de como utilizar o DATEPART dentro de um GROUP BY

<%
Set Rs = Server.CreateObject("ADODB.Recordset")
Sql = "SELECT DatePart ('yyyy', data) as ano, DatePart ('m', data) as mes FROM tabela GROUP BY DatePart ('yyyy', data), DatePart ('m', data)"
Rs.Open SQL,mConn,3,3
%>


onde tabela eh o nome da minha tabela no banco, e data eh o nome do campo que contem o valor com a data.

Javascript > onLoad não obstrutivo

ehhh... blz galera? bom continuando com a história das 3 camadas (arquivo ".js" - arquivo ".css" - arquivo ".html") vou fazer um post sobre o metodo onLoad, de uma maneira não obstrutiva, ou seja, caso o usuário não tenha o javascript habilitado, ele não interrompe a página nem causa nenhum erro, e ele ainda fuinciona independente de qualquer plataforma ex: IE ou FF, mais uma vez, vamos trabalhar em camadas, um arquivo vai conter todo o javascript e o outro apenas o html

o arquivo javascript, que no meu exemplo chama-se: script.js
_________________________________________

fuction alertando () {
alert('Tesde onLoad')
}

function carrega(nomeFuncao) {
if (window.attachEvent) {
var r = window.attachEvent("onload", nomeFuncao);
return r;
} else if (window.addEventListener) {
window.addEventListener("load", nomeFuncao, false);
return true;
} else {
return false;
}
}
carrega(alertando)
_________________________________________


ja no arquivo ".html" basta importar o javascript para ele colocando a seguinte tag, (eu costumo colocar dentro da tag <head></head>)
_________________________________________
<script src="Scripts/script.js" type="text/javascript"></script>
_________________________________________


Só um ultimo detale, é que a função do onload, serve para chamar outras funções, logo nesse caso ai eu usei uma função alert(), mas poderia usar varias coisas, como ajax, ou outras

Javascript > Manipular Tags

Eae galera, esse post aqui é referente a o principio do principio do principio, de como manipular objetos HTML e suas classes, para isso vou utilizar o getElementById!

Antes de mais nada, gostaria de reforçar aki a importancia de c trabalhar em 3 camadas, uma contendo um arquivo ".css" a segunda contendo um arquivo ".js" e por ultimo uma com um arquivo ".html", esta técnica é muito poderosa e traz um ganho muito grande de produtividade, que voltarei a falar aqui no blog ainda! agora vou voltar ao "getElementById", são 3 passos, o primeiro o html que vou criar, simples, nele possuo um link que chama uma função javascript chamada exibe():
_________________________________________

<div id="conteudo1">

<h1><a href="teste.html" onclick="return exibe('paragrafo')">Titulo 1</a></h1>
<p id="paragrafo">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi dictum, justo nec ultricies aliquet, tellus neque dignissim elit, ut euismod justo libero a ante. Aenean dictum nunc eu urna. Donec risus Quisque ultricies dapibus est. Curabitur rhoncus, metus at viverra consequat, lacus est vestibulum orci, eu molestie massa dolor eu libero. Aliquam consequat volutpat ligula.
</p>
</div>
_________________________________________

Agora vamos ao javascript a função exibir que deve estar num arquivo ".js"
_________________________________________
function exibe(obj) {
idTag = document.getElementById(obj);
if (idTag.style.display == 'block') {
idTag.style.display= 'none';
} else {
idTag.style.display= 'block';
}
return false;
}
_________________________________________


e por ultimo o arquivo ".css" que apenas oculta o paragrafo que é exibido quando clico no link do ".html"
_________________________________________
#paragrafo {
display:none;
}
_________________________________________

Intercon Parte I

Yeah, o intercon foi mto bom... varias palestras e varias novidades, atualidades... efim... mto a fazer ai pela frente, mta coisa pra assimilar ainda, mas ainda não vou falar do intercon aki, pois quero assimilar algumas coisas ainda... por hora fico por aki, pois tenho que preparar um post sobre java script que vai me ajudar essa semana no trampo

iMasters InterCon 2007

Yeah! isso ai galera, amanhã começa mais um interCon, e a visualcom vai marcar presença la... é a terceira vez que eu vou participar do evendo, que sempre abriu mto minha cabecinha de programador, espero trazer algumas novidades aki para o blog pra compartilhar com todos... logo vou ficar off até segunda feira... mas dai volto pra postar aki...

ASP > Conexão com banco access

Salve! Galera, ai vai um post relampago sobre asp, e conexão com banco de dados access, coisa simples pra galera que ta tentando criar uma conexão com uma base de dados ai vai:

<%
Set mConn = Server.CreateObject("ADODB.Connection") 'Criando o objeto de conexão!
mConn.ConnectionTimeout = 15 'Tempo de duração desta conexão
mConn.Open "DBQ=" & Server.MapPath("nome_da_base.mdb") & ";Driver={Microsoft Access Driver (*.mdb)}" 'abrindo a conexão (não precisa de ODBC)

session.LCID=1046 'Traduz a sua localização para o brasil, utilizado pra data e hora
Response.CacheControl = "Private" 'a página não será salva pelos servidores proxy.
Response.Expires=0 'vence instantaneamente
Server.ScriptTimeout = 99 'Tempo de duraçãdo dos scripts do site

%>