Java Allakka

www.geocities.com/sinenmaa

Ilmainen Java Kalenteri - Free Java Calendar

Alla on viereisen kalenterin dhtml-koodi. Alempana oleva ylempi koodi tulee html-sivusi head-osioon, ja alempi koodi kopioidaan html-sivun body-osaan.

Tässä on tämän kalenterin kehitysversio

Takaisin Kotisivulle Etusivulle

<	<	date	>	>

ma

ti

ke

to

pe

la

su

Kopioi tämä HEAD-osaan -- Copy this to your Head-part:

<STYLE TYPE="text/css">

</style>

<script language="JavaScript" type="text/javascript">
<!-- Begin
//----- Sininen kalenteri --Blue calendar ---//
//----- Alkuperäinen (Orginal): Kati Sinenmaa. Saa käyttää vapaasti (use freely)----//
//----- sinenmaa  @  yahoo . com -----//

var monthNames = new Array ("Tammi","Helmi","Maalis","Huhti","Touko","Kesä","Heinä","Elo","Syys","Loka","Marras","Joulu");
var thisDate = new Date();
var thisDay = thisDate.getDate();
var thisMonth = thisDate.getMonth();
var thisYear = thisDate.getFullYear();
var Month = thisMonth;
var Year = thisYear;
var ep = 0;
var days = 0;

function ekaPaiva(y,m) //returns the first day of given month
{ var WhatDay=new Date(y,m,1); return(WhatDay.getDay()); }

function taiLuku(y,m) //returns the all days of given month
{ var monthDays = new Date(y,m+1,0); return(monthDays.getDate()); }

function vaihdaColor(myId) { // Original:  Kati Sinenmaa (sinenmaa @ yahoo.com)
if (myId.style.backgroundColor !="cyan") {
myId.style.backgroundColor="cyan";
} else { myId.style.backgroundColor="white"; }  }

function ajaVuosi(num){ Year=Year+num;
if (Year<1900){ Year=2100;} if (Year>2100){ Year=1900;}
UpdateVars(Year,Month); }

function ajaKuu(num){ Month=Month+num;
if (Month<0){ Year=Year-1; Month=11} if (Month>11){ Year=Year+1; Month=0}
UpdateVars(Year,Month); }

function Paivetys() { // Original:  Kati Sinenmaa (sinenmaa @ yahoo.com)
var id=""; var i=0; var j=0; var k=0;
for (i=0; i<37; i++) { k++; id="x"+String(k);
document.getElementById(id).innerHTML = "";
document.getElementById(id).style.border="none"; 
document.getElementById(id).style.cursor="default";
document.getElementById(id).style.backgroundColor="transparent"; } 
i=0;
for (j=ep; j<days; j++) { i++; id="x"+String(j);
document.getElementById(id).innerHTML = "";
document.getElementById(id).style.backgroundColor="#33CCCC"; 
document.getElementById(id).style.border="solid 1px #444444 "; 
document.getElementById(id).style.cursor="help";
document.getElementById(id).innerHTML= i; 
}
if (Month==thisMonth && Year == thisYear) { id="x"+String(ep+thisDay-1);
document.getElementById(id).style.backgroundColor="yellow";}
}

function UpdateVars(y,m)  { // Original:  Kati Sinenmaa (sinenmaa @ yahoo.com)
Month=m-0; Year=y-0;
var i=0; var k=0;
ep=ekaPaiva(y-0,m-0); if (ep==0) {ep=7}
days=taiLuku(y-0,m-0)+ep;
document.getElementById("calKuu").innerHTML = monthNames[m]+" "+y;
Paivetys();
}

//-->
</script>

Tämä tulee BODY-osioon -- Copy this to your Body-part:

<table class="ulkoViiva" bgcolor="#eeeeef" border="0" width="151" height="182" cellpadding="0" cellspacing="0">
<tbody><tr><td valign="top" colspan="7">
<table border="0" bgcolor="#33FF33" width="100%" cellpadding="0" cellspacing="0"><tr>
<th id="Apu" onClick="ajaVuosi(-1)" title="Edellinen vuosi"> <b><</b></th>
<th id="Apu" onClick="ajaKuu(-1)" title="Edellinen kuu"> <b><</b></th>
<th id="calKuu">date</th>
<th id="Apu" onClick="ajaKuu(1)" title="Seuraava kuu"> <b>></b></th>
<th id="Apu" onClick="ajaVuosi(1)" title="Seuraava vuosi"> <b>></b></th></tr></table>
</td></tr>

<tr bgcolor="#6699FF" height="25" ><th title="Monday">ma</th><th title="Tuesday">ti</th><th title="Wedsday">ke</th><th title="Thursday">to</th><th title="Friday">pe</th><th title="Saturday">la</th><th title="Sunday">su</th></tr>
<tr>
<td><div id=x1 onClick=vaihdaColor(this)> </div></td>
<td><div id=x2 onClick=vaihdaColor(this)> </div></td>
<td><div id=x3 onClick=vaihdaColor(this)> </div></td>
<td><div id=x4 onClick=vaihdaColor(this)> </div></td>
<td><div id=x5 onClick=vaihdaColor(this)> </div></td>
<td><div id=x6 onClick=vaihdaColor(this)> </div></td>
<td><div id=x7 onClick=vaihdaColor(this)> </div></td></tr>
<tr>
<td><div id=x8 onClick=vaihdaColor(this)> </div></td>
<td><div id=x9 onClick=vaihdaColor(this)> </div></td>
<td><div id=x10 onClick=vaihdaColor(this)> </div></td>
<td><div id=x11 onClick=vaihdaColor(this)> </div></td>
<td><div id=x12 onClick=vaihdaColor(this)> </div></td>
<td><div id=x13 onClick=vaihdaColor(this)> </div></td>
<td><div id=x14 onClick=vaihdaColor(this)> </div></td></tr>
<tr>
<td><div id=x15 onClick=vaihdaColor(this)> </div></td>
<td><div id=x16 onClick=vaihdaColor(this)> </div></td>
<td><div id=x17 onClick=vaihdaColor(this)> </div></td>
<td><div id=x18 onClick=vaihdaColor(this)> </div></td>
<td><div id=x19 onClick=vaihdaColor(this)> </div></td>
<td><div id=x20 onClick=vaihdaColor(this)> </div></td>
<td><div id=x21 onClick=vaihdaColor(this)> </div></td></tr>
<tr>
<td><div id=x22 onClick=vaihdaColor(this)> </div></td>
<td><div id=x23 onClick=vaihdaColor(this)> </div></td>
<td><div id=x24 onClick=vaihdaColor(this)> </div></td>
<td><div id=x25 onClick=vaihdaColor(this)> </div></td>
<td><div id=x26 onClick=vaihdaColor(this)> </div></td>
<td><div id=x27 onClick=vaihdaColor(this)> </div></td>
<td><div id=x28 onClick=vaihdaColor(this)> </div></td></tr>
<tr>
<td><div id=x29 onClick=vaihdaColor(this)> </div></td>
<td><div id=x30 onClick=vaihdaColor(this)> </div></td>
<td><div id=x31 onClick=vaihdaColor(this)> </div></td>
<td><div id=x32 onClick=vaihdaColor(this)> </div></td>
<td><div id=x33 onClick=vaihdaColor(this)> </div></td>
<td><div id=x34 onClick=vaihdaColor(this)> </div></td>
<td><div id=x35 onClick=vaihdaColor(this)> </div></td></tr>
<tr>
<td valign="top"><div id=x36 onClick=vaihdaColor(this)> </div></td>
<td valign="top"><div id=x37 onClick=vaihdaColor(this)> </div></td>
<td colspan="5"></td></tr></tbody></table>

<script language="JavaScript" type="text/javascript" for=window event=onload>

</script>

Hosted by www.Geocities.ws