Montag, 4. Januar 2021 – zuletzt vor 5 Jahren aktualisiert
Ein Kalender mit PHP und CSS erstellt
Hinweis: Dieser Artikel wurde seit längerer Zeit nicht aktualisiert.
Die beschriebenen Techniken funktionieren weiterhin, sollten aber ggf. an aktuelle Anforderungen angepasst werden.
… 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.
Copyright-Hinweis
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.