Einfache Kalender mit PHP erstellen
![[Bildschirmfoto]
Datum und Zeitfunktionen [Bildschirmfoto]
Datum und Zeitfunktionen](img/einfache_kalender.png)
PHP-Kalender können nützlich sein. Sie können so einfach sein wie das Datum anzeigen oder so komplex wie das Einrichten eines Online-Buchungssystems. Diese beiden PHP-Scripte zeigen wie Sie einfache Kalender erstellen. Wenn Sie wissen, wie das geht, können Sie dieselben Konzepte auf komplexe Kalender anwenden, die Sie möglicherweise benötigen.
Ein interaktiver Kalender, mit Hilfe von Buttons kann man zum nächsten / vorherigen Monat oder Jahr wechseln.
- November + | - 2023 + | |||||
---|---|---|---|---|---|---|
Mo | Di | Mi | Do | Fr | Sa | So | 1 | 2 | 3 | 4 | 5 |
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Quelltext: klick-kalender.php Einblenden ❘ Kopieren ❘ Link ❘ Zeilen ❘
Statischer Kalender
Ein statischer Kalender der den aktuellen Monat anzeigt. Der heutige Tag wird grün hervorgehoben.
Mo | Di | Mi | Do | Fr | Sa | So | 1 | 2 | 3 | 4 | 5 |
---|---|---|---|---|---|---|
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Quelltext: kalender.php Einblenden ❘ Kopieren ❘ Link ❘ Zeilen ❘
CSS-Anweisungen
Hiermit wird das Aussehen der Kalender angepasst.
Quelltext: CSS Anweisungen Ausblenden ❘ Kopieren ❘ Link ❘ Zeilen ❘
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<style>
table {
font-family: Arial, Tahoma;
font-size: 1em;
border-collapse: Separate;
border-spacing: 1px;
background-color: Lightgrey;
outline: Solid 1px Lightgrey;
cursor: default;
}
table th:nth-child(even),
table td:nth-child(even) {
background-color: rgba(245, 245, 245, 0.90);
padding: 5px;
text-align: center;
}
table th:nth-child(odd),
table td:nth-child(odd) {
background-color: rgba(255, 255, 255, 0.90);
padding: 5px;
text-align: center;
}
table tr,
table td {
transition: all 0.3s;
}
table tr:hover {
background-color: rgb(128, 128, 128);
}
table td:hover {
color: rgb(255, 255, 255);
background-color: rgb(169, 169, 169);
}
mark {
display: block;
background-color: Greenyellow;
padding: 2px;
border-radius: 50%;
}
a.kal:link, a.kal:visited {
display: inline-block;
width: 20px;
background: Grey;
text-decoration: None;
color: rgb(255, 255, 255);
transition: background 0.3s;
}
a.kal:hover {
background: Black;
}
</style>
Tipps
- Diashow
- Die Diashow liest Bilder aus einem Verzeichnis aus (mit PHP), und zeigt diese mit Hilfe von JavaScript an.
- 10 Regeln zu Dateinamen
- Die Entscheidung, wie Sie die Dateien und Verzeichnisse (Ordner) auf Ihrer Website benennen ist nicht ganz Ihnen überlassen. Es gibt einiges, worauf Sie bei dieser Wahl achten müssen.
- Bilder mit Wasserzeichen markieren
- JPEG-Bilder (oder andere Grafikformate) können mit einem transparenten Wasserzeichen markiert werden; Mit Hilfe eines kleinen PHP-Scripts.
- Verkettete Auswahllisten dynamisch aus einer DB-Tabelle generieren
- Dieses Beispiel zeigt, wie man eine HTML-Auswahlliste (Drop-Down-Liste) dynamisch generiert, die auf den Werten einer Spalte in einer Datenbank-Tabelle beruht.
Abonniere meinen RSS-Feed
um über aktuelle Seiten benachrichtigt zu werden.
Diese Schlagwörter könnten Sie interessieren:
Operatoren Zeichnen Fotoalbum Hover-Effekt Sitemaps-Protokoll Audio-Player Zebra-Tabelle Zoom Funktion Lokaler Webserver Modal-Fenster Kommentar-Box Bausteine Wecker Animierte Sternebewertung Mimetypen Wasserzeichen Canvas Formular befüllen Zeitansage Event-Kalender Zeitbalken Farbschema Geolocation API Marquee RSS Feed
Operatoren Zeichnen Fotoalbum Hover-Effekt Sitemaps-Protokoll Audio-Player Zebra-Tabelle Zoom Funktion Lokaler Webserver Modal-Fenster Kommentar-Box Bausteine Wecker Animierte Sternebewertung Mimetypen Wasserzeichen Canvas Formular befüllen Zeitansage Event-Kalender Zeitbalken Farbschema Geolocation API Marquee RSS Feed