HTML, CSS, ASP, PHP, AJAX, JAVASCRIPT, ACTIONSCRIPT, FLASH, PHOTOSHOP ENTRE OUTRAS COISINHAS MAIS

Form mail - CDOSYS ASPEmail CDONTS

2008-04-06T22:13:00.005-03:00

Salve galera, estou de volta com muito custo.. hehehe muita correria... mas vamos la... essa semana um amigo meu me pediu ajuda pra fazer um formulário pra enviar mensagens pelo site, dai resolvi fazer um tutorialzinho muito simples para enviar mensagens de contato do seu site... essa primeira versão foi feita em ASP e logo logo quero disponibilizar uma em php também

[baixe aqui o exemplo]

bom na imagem abaixo vamos criar uma função que vai receber os parametros para enviar o furmulario, nesta funcao trabalhamos com 3 componentes basicos para envio de mensagens (CDOSYS - ASPEmail - CDONTS) acho que com estes 3 componentes vamos conseguir trabalhar com quase qualquer servidor web q rode o IIS

Agora nesta segunda imagem vou incluir a função que criamos anteriormente, como componentes.asp e logo em sguida resgatar dados de um form (nome/email/mensagem) este form poderia ser um qualquer com quantas informações vc desejar. logo em seguida vou montar um HTML simples que vai chegar no corpo de e-mail

mais abaixo eu passo todos os parametros ncecessarios para a função que criamos anteriormente, os nomes das variaveis estão muito intuitivos entaum acredito que naum precisemos de mais explicações aki

Bom pra finalizar a ultima tela que vamos montar eh um formulário mto simples (xHTML) que contem os inputs e um botão para enviar para a pagina que criamos na figura acima(envia_email.asp)
legal galera, agora eh só testar o formulario e ver o resultado.

Javascript > Key Codes

2007-11-08T13:16:00.000-02:00

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

2007-10-31T11:40:00.000-02:00

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

2007-10-30T09:17:00.000-02:00

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')
}

Javascript > Manipular Tags

2007-10-28T22:19:00.000-02:00

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

2007-10-28T21:57:00.000-02:00

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

2007-10-25T14:19:00.000-02:00

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

2007-10-24T14:29:00.000-02:00

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

CSS > Png Transparente

2007-10-22T17:39:00.000-02:00

Eae galera, seguinte, colocar um png transparente no IE é uma merda, apesar do IE7 ja aceitar, as versões anteriores não aceitam, vi muita coisa na net encinando a clocar, mto javascript, porem quem faz o PNG Transparente no IE é um css, os javascripts que vi por ai, simplesmente aplicam esse estilo ao PNG, porem não aos de background em css, e quem curte fazer tudo em webstandard vai precisar dessa dica legal, entaum abaixo vc's podem conferir como aplicar esse filtro mágico que deixa o png transparente na merda do IE, desculpem-me os palavrões...

/* CSS Document */

#pngTransparente{
background:url(imagens/bg_upLoad.png);
_background: url(blank.gif); /*HACK PARA TIRAR O BACKGROUND ORIGINAL DO IE*/
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagens/bg_upLoad.png', sizingMethod='scale');

}

Javascript > popup centralizada

2007-10-14T12:53:00.000-02:00

Galera, um scriptzinho muito facil de implementar, que faz abrir uma janela popup centralizada

<script>
function abreJanela(endereco,nome,largura,altura) {
xPos = (screen.width - largura) / 2;
yPos = (screen.height - altura) / 2;
config = 'left=' + xPos + ',screenX=' + xPos + ',top=' + yPos + ',screenY=' + yPos + ',width=' + largura + ',height=' + altura;

newWindow = window.open(endereco, nome, config);
}
</script>

<a href="#" onclick="abreJanela('http://yopirateo.blogspot.com/','novaJanla',770,400);return false">link</a>

Javascript > lendo cookies

2007-10-13T15:37:00.000-03:00

Galera, tai mais uma função pra trabalhar os cookies, nesta dai mostro de forma simples como ler ou resgatar um cookie que foi gravado com a função anterior

<script>
function lerCookie(nome) {
var nomeEQ = nome + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nomeEQ) == 0) return c.substring(nomeEQ.length,c.length);
}
return null;
}

document.write(lerCookie('teste'))
</script>

Javascript > gravando cookies

2007-10-12T22:36:00.001-03:00

E ai galera, só pra ir dormir com a senssação de missão comprida vou fazer um postizinho simples sobre uma função javascript que precisei outro dia, mas num achei nada mto simples e acabei implementando esta:

Como definir um COOKIE usando javascript:

<script>
function criaCookie(nome,valor,dias) {
if (dias) {
var date = new Date();
date.setTime(date.getTime()+(dias*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";

document.cookie = nome+"="+valor+expires+"; path=/";
}

// chamando a função que cria o cookie
criaCookie('teste', 'valor32', 22)
</script>

cookies

2007-10-12T22:36:00.000-03:00

E ai galera, vou falar aki de uma maneira muito breve sobre o que são Cookies, e qual a sua utilidade.

Um cookie é um arquivo de texto, que um site grava em sua máquina, normalmente são inofencivos, pois um site não pode gerenciar um cookie de outro site, ou seja, se a UOL criar um cookie em seu computador, ele não poderá ser lido pela globo.com, somente pela própia uol.

É importante dizer que quando definimos um cookie, ele será apagado assim que fecharmos o navegador, a menos que seja expecificada sua data de vállidade, conhecida com data de expiração também

vou fazer algumas postagens a respeito de como criar um cookie e como manipular valores deste também!

On-Line

2007-10-12T22:31:00.000-03:00

ehhh isso ai galera, finalmente terminei um layou de blog pra colocar on-line, claro que fiz em pouquissimo tempo, pq nem to tendo tempo disponivél... mas vou tentar compartilhar um poquinho de coisas com a galera que entrar ai pra ler...

Em breve!

2007-10-11T10:38:00.000-03:00

Galera, to montando um layout decente, na sequencia vou começar a postagem