Mini Kalender - Website X5 Helpsite

Einfache kleine Mini Kalender für die Homepage

Hier haben wir einige kleine Kalender zum Download bereit gestellt. Es ist bestimmt für jeden etwas dabei, ob PHP, Flash oder Javascript, alles im Mini-Format. Die aktuellen Tage werden angezeigt bzw. farblich hervor gehoben. Diese können der Homepage im HTML-Code selbst oder in der zugehörgen CSS-Datei "kalender.css" angepasst werden.

PHP Tages-Kalender

Flash Jahres-Kalender

Javascript Monats-Kalender

Code PHP Tages-Kalender:

<div class="Obj74_cal">

<div class="Obj74_wot"><?php echo date("l"); ?></div>

<div class="Obj74_num"><?php echo date("d"); ?></div>

</div>

width: 210px;

height: 178px;

font-family: Comic Sans MS;

text-align: center;

background-image: url(kalender_leer.png);  

background-repeat: no-repeat;

}

Code Flash Jahres-Kalender:

classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"

codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"

width="175" height="175" id="kalender">

<param name="allowScriptAccess" value="sameDomain" />

<param name="movie" value="wsX5Obj/Obj74_0/kalender.swf />

<param name="quality" value="high" />

<param name="wmode" value="transparent" />

<param name="flashvars" value="bgTop=ff9900&txtTop=808080&bgBottom=808080&txtBottom=ff9900&bgToday=ffff00" />

<embed

src="wsX5Obj/Obj74_0/kalender.swf"

flashvars="bgTop=ff9900&txtTop=808080&bgBottom=808080&txtBottom=ff9900&bgToday=ffff00"

quality="high"

wmode="transparent"

width="175"

height="175"

name="kalender"

allowScriptAccess="sameDomain"

type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go/getflashplayer"

/>

Code Javascript Monats-Kalender:

<script>

var d = new Date();

var dm = d.getMonth() + 1;

var dj = d.getYear();

if(dj < 2000) dj+=1900;

Kalender(dm,dj);

function Kalender(Monat,Jahr) {

Monatsname = new Array (

"Januar",

"Februar",

"M&auml;rz",

"April",

"Mai",

"Juni",

"Juli",

"August",

"September",

"Oktober",

"November",

"Dezember"

);

Tag = new Array ("M","D","M","D","F","S","S");

var KFarbe = "#000000";     /* Schriftfarbe Kalenderkopf */

var TFarbe = "#0000FF";     /* Schriftfarbe Tagesanzeige */

var HFarbe = "#FF9900";     /* Schriftfarbe Heuteanzeige */

var SFarbe = "#E00000";     /* Schriftfarbe für Sonntage */

var jetzt = new Date();

var DieserMonat = jetzt.getMonth() + 1;

var DiesesJahr = jetzt.getYear();

if(DiesesJahr < 2000) DiesesJahr+=1900;

var DieserTag = jetzt.getDate();

var Zeit = new Date(Jahr,Monat-1,1);

var Start = Zeit.getDay();

if(Start > 0) Start--;

else Start = 6;

var Stop = 31;

if(Monat==4 ||Monat==6 || Monat==9 || Monat==11 ) --Stop;

if(Monat==2) {

AnzTage=-3;

if(Jahr%4==0) Stop++;

if(Jahr%100==0) Stop--;

if(Jahr%400==0) Stop++;

}

document.write("<table class='Obj74_tbl'>");

var Monatskopf = Monatsname[Monat-1] + " " + Jahr;

SchreibeKopf(Monatskopf,KFarbe);

var Tageszahl = 1;

for(i=0;i<=5;i++) {

document.write("<tr>");

for(j=0;j<=5;j++) {

if((i==0)&&(j < Start))

SchreibeZelle("&#160;",TFarbe);

else {

if(Tageszahl > Stop)

SchreibeZelle("&#160;",TFarbe);

else {

if((Jahr==DiesesJahr)&&(Monat==DieserMonat)&&(Tageszahl==DieserTag))

SchreibeZelle(Tageszahl,HFarbe);

else

SchreibeZelle(Tageszahl,TFarbe);

Tageszahl++;

}

}

}

if(Tageszahl > Stop)

SchreibeZelle("&#160;",SFarbe);

else {

if((Jahr==DiesesJahr)&&(Monat==DieserMonat)&&(Tageszahl==DieserTag))

SchreibeZelle(Tageszahl,SFarbe);

else

SchreibeZelle(Tageszahl,SFarbe);

Tageszahl++;

}

document.write("</tr>");

}

document.write("</table>");

}

function SchreibeKopf(Monatstitel,KFarbe) {

document.write("<tr>");

document.write("<td class='Obj74_cel' align=center colspan=7 valign=middle>");

document.write('<font color='+KFarbe+'><b>');

document.write(Monatstitel);

document.write("</b></font></td></tr>");

document.write("<tr>");

for(i=0;i<=6;i++)

SchreibeZelle(Tag[i],KFarbe);

document.write("</tr>");

}

function SchreibeZelle(Inhalt,TFarbe) {

document.write("<td class='Obj74_cel' align=center valign=middle>");

document.write('<font color='+TFarbe+'><b>');

document.write(Inhalt);

document.write("</b></font></td>");

}

</script>

font-family: arial;

font-size: 10px;

font-weight: normal;

padding-top: 4px;

padding-bottom: 4px;

padding-left: 7px;

padding-right: 6px;

border: 1px solid #A6A6A6;

margin: 1px;

}