..::Ke World::.. » Calendário Comum

Calendário Comum

Navegação: Início » Extras » Calendário Comum

Esta página foi vista: 1.004 vezes

Postado por Keila em 15 março 2010 | Última Atualização: 20 agosto, 2010

» Os tutoriais foram modificados por mim e as imagens contidas neles foram feitas por mim.
» Qualquer dúvida deixe um comentário.

Função: Calendário comum com atualização automática.

Exemplo: Seu calendário ficará assim ->

Personalizando o Calendário: // Para mudar as cores e as letras dos dias da semana vá té a linha
número 60 até 66 do calendário e altere as cores, fonte até mesmo as letras // Para aumentar seu
calendário de tamanho vá até a linha número 54 e altere o último cellspacing=13 e coloque o
número desejado.

Código: Copie o código abaixo e cole onde você quer que o calendário apareça.

<br />
<script language="JavaScript">
monthnames = new Array(
"January",
"Februrary",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0) 
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<FONT face='tahoma'>");
document.write("
<table width=100% border=0 " );
document.write("bordercolor=black style='font-size : 9px; color : #7D6642;' cellpadding=0 cellspacing=1>");</p>
<p>document.write("
<tr>
<td colspan=7><b><center>" 
+ monthnames[thismonth] + " " + thisyear 
+ "</center></b></td>
</tr>
<p>");
document.write("
<tr>");
document.write("
<td align=center><b><font color=#FF6AB5>S</font></b></td>
<p>");
document.write("
<td align=center><b>M</b></td>
<p>");
document.write("
<td align=center><b>T</b></td>
<p>");
document.write("
<td align=center><b>W</b></td>
<p>");
document.write("
<td align=center><b>T</b></td>
<p>");
document.write("
<td align=center><b>F</b></td>
<p>");
document.write("
<td align=center><b><font color=#FF6AB5>S</font></b></td>
<p>"); 
document.write("</tr>
<p>");
document.write("
<tr>");
for (s=0;s<startspaces;s++) {
document.write("
<td>-</td>
<p>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("
<td>");
for (c=0;c
<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
}
}
}
if (count==thisdate) {
document.write("<strong>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write("-");
}
if (count==thisdate) {
document.write("</strong>");
}
if (linktrue)
document.write("</a>");
document.write("</td>
<p>");
count++;
}
document.write("</tr>
<p>");
document.write("
<tr>");
startspaces=0;
}
document.write("</table>
<p>");
document.write("</FONT>");
// End -->
      </script><br />

Voltar Subir Atualizar

Design e Criação: Keila de Oliveira (Ke World)