Mini Kalender - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

Mini Kalender

Scripte > Attachment

Einfache kleine Mini Kalender für die Homepage

Hier haben wir einige kleine Kalender zum Download bereit gestellt. Es ist für jeden bestimmt was dabei, ob PHP, Flash oder Javascript, alles im Mini-Format.
Die aktuellen Tage werden angezeigt bzw. farblich hervorgehoben.
Bitte beachten, dass in der PHP-Version die ausführende Datei auch die Dateiendung .php erhält.
In der ZIP-Datei befinden sich alle drei Kalender. Einfach entpacken und Code in die entsprechenden Bereiche der Webseite einfügen. Bei allen Kalendern können die Farben der Homepage angepasst werden.

PHP Tages-Kalender

Flash Jahres-Kalender

Javascript Monats-Kalender

Tuesday
12

Code PHP Tages-Kalender:

Code für den HEAD-Bereich:

[Vor dem /HEAD|Bereich CSS]

<style type="text/css">
.kalender { width: 210px; height: 178px; background-image: url(../images/kalender_leer.png);  background-repeat: no-repeat; font-family: Comic Sans MS; text-align: center; }
.wochentag
{ font-size: 28px; color: #000; font-weight: bold; padding-top:36px; }
.zahl
{ font-size: 60px; color: #ff0000; font-weight: bold; padding-top: 0px; text-decoration: none; }
</style>

Code für das HTML-Objekt:

[Objekt HTML]

<div class="kalender">
<div
class="wochentag"><?php echo date("l"); ?></div>
<div class="zahl"> <!-- <a href="#"> --> <?php echo date("d"); ?>
<!-- </a>  (grün = aktivieren für Tagezahl-Verlinkung) -->
</div></div>

Die auführende Datei muss die Dateiendung .php aufweisen.

Code Flash Jahres-Kalender:

Code für das HTML-Objekt:

[Objekt HTML]

<object align="center" 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="files/kalender.swf /> /*Pfad anpassen*/
<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="files/kalender.swf" /*Pfad anpassen*/
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" />
</object>
<!-- Veränderung Farbcode ohne Lattenkreuz # voran eingeben -->

Code Javascript Monats-Kalender:

Code für den HEAD-Bereich:

[Vor dem /HEAD|Bereich CSS]

<style type="text/css">
.tbl { border: 2px solid; border-color: #000; background-color: #D0F0F0; }
.zelle
{ font-family: arial; font-size: 10px; font-weight: bold; padding-top: 4px; padding-bottom: 4px;
padding-left: 7px; padding-right: 6px; border: 1px solid; border-color:
#A6A6A6; }
</style>

Code für das HTML-Objekt:

[Objekt HTML]

<div align="center">
<script language="JavaScript">
var d = new Date();
var dm = d.getMonth() + 1;
var dj = d.getYear();
if(dj < 2000) d
j+=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='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='zelle' 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='zelle' align=center valign=middle>");
document.write('<font color='+TFarbe+'><b>');
document.write(Inhalt);
document.write("</b></font></td>");
}
</script>
</div>

Feedbacks zu ""

es gibt insgesamt 2 Kommentar(e)


  1. Jürgen Israel schreibt am 18.03.2012, 15.21 Uhr

    Hallo Mario, jetzt funktioniert alles. Vielen Dank

  2. Jürgen Israel schreibt am 15.03.2012, 15.08 Uhr

    Habe versucht diesen Kalender einzurichten, aber irgenwie klappt es nicht! Was kann man dabei falsch machen? Vielleicht besteht die Möglichkeit mich dabei zu unterstützen? Vielen Dank und freundliche Grüße Jürgen
    Antwort: Das Skript musste überarbeitet werden und ist wieder funktionstüchtig. Vielen Dank für den Hinweis.


Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2017




  Besucher Statistik
 » 17 Online
 » 80 Heute
 » 305 Woche
 » 2463 Monat
 » 66453 Jahr
 » 242753 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü