Artikel-Hilfsmenü
Montag, 4. Januar 2021 – aktualisiert am Donnerstag, 4. März 2021
Ein Kalender mit PHP und CSS erstellt
Hinweis:
Dieser Artikel ist älter als 18 Monate / wurde seit 18 Monaten nicht aktualisiert. Dies kann (muss aber nicht) dazu führen, dass der Artikel, und / oder darin beschriebene Techniken, nicht mehr aktuell sind. Bitte berücksichtigen Sie diesen Hinweis bei der Lektüre.
… selbstverständlich responsive.
Der Kalender ist leider nicht barrierefrei. Ein barrierefreier Kalender würde wohl eine Datentabelle erfordern, um die Zuordnung zu den Wochentagen klar zu machen.
Der Kalender besteht aus einem einzigen .php-file.
Download kostenlos
Mit dem Download anerkennen Sie unsere Allgemeinen Geschäftsbedingungen.
Die einfachste Art, den Kalender in eine Webseite einzubinden, ist vermutlich per iframe.
<iframe src ="kalender_inc.php" ></iframe>
Dazu beispielsweise folgendes CSS:
<style>
iframe {
width:600px;
border:0;
min-height:250px;
}
</style>
Und das folgende JavaScript sorgt dafür, dass die Höhe des iframes sich automatisch an den Inhalt anpasst.
<script>
var framefenster = document.getElementsByTagName("iFrame");
var auto_resize_timer = window.setInterval("autoresize_frames()", 300);
function autoresize_frames() {
for (i = 0; i < framefenster.length; ++i) {
if(framefenster[i].contentWindow.document.body){
framefenster_size = framefenster[i].contentWindow.document.body.offsetHeight +20;
framefenster[i].style.height = framefenster_size + 'px';
}
}
}
</script>
Nachtrag 08.01.2021
Der aktuelle Tag wird farblich gekennzeichnet.
Nachtrag 22.01.2021
Wahl des (Start-)Monats durch Vor-/Zurück-Button anstelle der Auswahllisten.
Artikeltexte und Code-Snippets: Creative Commons CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.
Kommentare
Über Ihren Kommentar zu diesem Artikel freue ich mich.
Wenn Sie aber Fragen haben, und eine Antwort erwarten, nutzen Sie bitte das Supportforum! Die Nutzung des Forums ist auch ohne Registrierung möglich.