:: Tutorial de E-mails ::

Data, hora e saudação

Esta dica foi gentilmente enviada pelo amigo Allan de Souza Reis.

Este código faz aparecer a data, a hora e uma saudação (Bom Dia, Boa tarde, Boa noite).

Para conseguir esse efeito, faça o seguinte:

Abra uma nova mensagem, clique na aba "Origem" e depois da tag </Head>, cole o seguinte código:

<SCRIPT>
function Hoje() {
ContrRelogio = setTimeout ("Hoje()", 1000)
Hr = new Date()
dd = Hr.getDate()
mm = Hr.getMonth() + 1
aa = Hr.getYear()
hh = Hr.getHours()
min = Hr.getMinutes()
seg = Hr.getSeconds()
DataAtual = ((dd < 10) ? "0" + dd + "/" : dd + "/")
DataAtual += ((mm < 10) ? "0" + mm + "/" + aa : mm + "/" + aa)
HoraAtual = ((hh < 10) ? "0" + hh + ":" : hh + ":")
HoraAtual += ((min < 10) ? "0" + min + ":" : min + ":")
HoraAtual += ((seg < 10) ? "0" + seg : seg)
document.DataHora.Data.value=DataAtual
document.DataHora.Hora.value=HoraAtual
}
//
function CriaArray (n) {
this.length = n }
//
NomeDia = new CriaArray(7)
NomeDia[0] = "domingo"
NomeDia[1] = "segunda-feira"
NomeDia[2] = "terça-feira"
NomeDia[3] = "quarta-feira"
NomeDia[4] = "quinta-feira"
NomeDia[5] = "sexta-feira"
NomeDia[6] = "sábado"
//
NomeMes = new CriaArray(12)
NomeMes[0] = "janeiro"
NomeMes[1] = "fevereiro"
NomeMes[2] = "março"
NomeMes[3] = "abril"
NomeMes[4] = "maio"
NomeMes[5] = "junho"
NomeMes[6] = "julho"
NomeMes[7] = "agosto"
NomeMes[8] = "setembro"
NomeMes[9] = "outubro"
NomeMes[10] = "novembro"
NomeMes[11] = "dezembro"
//
Data1 = new Date()
dia = Data1.getDate()
dias = Data1.getDay()
mes = Data1.getMonth()
ano = Data1.getYear()
document.write ("<center><tt><h5>" + "Brasil, " + NomeDia[dias] + ", " + dia + " de " +
NomeMes[mes] + " de " + ano + "</h5></tt></center>" )
</SCRIPT>

<SCRIPT language=JavaScript>
<!--
function Ola() {
var today = new Date();
var hrs = today.getHours();
document.write("<font size=+1> ");
if (hrs < 12)
document.write("BOM DIA");

else if (hrs < 18)
document.write("BOA TARDE");
else
document.write("BOA NOITE");
document.writeln("</font>");
}
//-->
</SCRIPT>

<DIV align=center>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width="50%">
<SCRIPT>Ola();</SCRIPT>
</TD></TR></TBODY></TABLE></CENTER></DIV> 
<DIV align=center>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width="100%">
<FORM name=DataHora><FONT size=2>Data : </FONT><INPUT maxLength=10 size=10
name=Data><FONT size=2> Hora : </FONT><INPUT maxLength=10 size=10
name=Hora><FONT size=2><INPUT
onclick="ContrRelogio = setTimeout('Hoje()', 1000)" type=radio
value="Ativa Relogio" name=Botao>Ativar <INPUT
onclick=clearTimeout(ContrRelogio) type=radio CHECKED value="Para Relogio"
name=Botao>Desativar </FONT><FONT face=Arial>
<HR>
</FONT></FORM>
<p>
<SCRIPT language=JavaScript>

function r(hval) {
cores.style.backgroundColor=hval;
texto_cores.style.color=hval;
document.f.c.value=hval;
}

</SCRIPT>

----------------------------------------------------------------------------------------------------------------------------------------------------------------

Se você preferir o código completo, basta apagar tudo o que está escrito na aba "Origem" e colar o seguinte:

else if (hrs < 18)
document.write("BOA TARDE");
else
document.write("BOA NOITE");
document.writeln("</font>");
}
//-->
</SCRIPT>

function r(hval) {
cores.style.backgroundColor=hval;
texto_cores.style.color=hval;
document.f.c.value=hval;
}

</SCRIPT>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2716.2200" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV> </DIV></BODY></HTML>

----------------------------------------------------------------------------------------------------------------------------------------------------------------

Obs: Caso você queira que o botão "Ativar" fique automaticamente clicado, fazendo assim com que a data e a hora apareçam sem que o destinatário precise clicar no botão, basta apagar tudo o que está na "Origem" e usar o seguinte código:

----------------------------------------------------------------------------------------------------------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<SCRIPT>
function Hoje() {
ContrRelogio = setTimeout ("Hoje()", 1000)
Hr = new Date()
dd = Hr.getDate()
mm = Hr.getMonth() + 1
aa = Hr.getYear()
hh = Hr.getHours()
min = Hr.getMinutes()
seg = Hr.getSeconds()
DataAtual = ((dd < 10) ? "0" + dd + "/" : dd + "/")
DataAtual += ((mm < 10) ? "0" + mm + "/" + aa : mm + "/" + aa)
HoraAtual = ((hh < 10) ? "0" + hh + ":" : hh + ":")
HoraAtual += ((min < 10) ? "0" + min + ":" : min + ":")
HoraAtual += ((seg < 10) ? "0" + seg : seg)
document.DataHora.Data.value=DataAtual
document.DataHora.Hora.value=HoraAtual
}
//
function CriaArray (n) {
this.length = n }
//
NomeDia = new CriaArray(7)
NomeDia[0] = "domingo"
NomeDia[1] = "segunda-feira"
NomeDia[2] = "terça-feira"
NomeDia[3] = "quarta-feira"
NomeDia[4] = "quinta-feira"
NomeDia[5] = "sexta-feira"
NomeDia[6] = "sábado"
//
NomeMes = new CriaArray(12)
NomeMes[0] = "janeiro"
NomeMes[1] = "fevereiro"
NomeMes[2] = "março"
NomeMes[3] = "abril"
NomeMes[4] = "maio"
NomeMes[5] = "junho"
NomeMes[6] = "julho"
NomeMes[7] = "agosto"
NomeMes[8] = "setembro"
NomeMes[9] = "outubro"
NomeMes[10] = "novembro"
NomeMes[11] = "dezembro"
//
Data1 = new Date()
dia = Data1.getDate()
dias = Data1.getDay()
mes = Data1.getMonth()
ano = Data1.getYear()
document.write ("<center><tt><h5>" + "Brasil, " + NomeDia[dias] + ", " + dia + " de " +
NomeMes[mes] + " de " + ano + "</h5></tt></center>" )
</SCRIPT>

<SCRIPT language=JavaScript>

</SCRIPT>

<DIV align=center>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width="50%">
<SCRIPT>Ola();</SCRIPT>
</TD></TR></TBODY></TABLE></CENTER></DIV> 
<DIV align=center>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width="100%">
<FORM name=DataHora><FONT size=2>Data : </FONT><INPUT maxLength=10 size=10
name=Data><FONT size=2> Hora : </FONT><INPUT maxLength=10 size=10
name=Hora><FONT size=2><INPUT onclick=clearTimeout(ContrRelogio)
type=radio CHECKED value="Para Relogio" name=Botao>Ativar <INPUT
onclick="ContrRelogio = setTimeout('Hoje()', 1000)" type=radio
value="Ativa Relogio" name=Botao>Desativar </FONT><FONT face=Arial><HR>
</FONT></FORM>
<p>
<SCRIPT language=JavaScript>

function r(hval) {
cores.style.backgroundColor=hval;
texto_cores.style.color=hval;
document.f.c.value=hval;
}

</SCRIPT>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2716.2200" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV> </DIV>

</BODY></HTML>

----------------------------------------------------------------------------------------------------------------------------------------------------------------

Obrigada pela excelente dica, Allan!


	.