Beispiel
Den Kalender können Sie auf der Seite ansehen und ausprobieren. Es kann sowohl zwischen den Monaten vorwärts und rückwärtso geblättert werden, und die Feiertage des jeweiligen Monats werden mit einer Grauunterlegung in der Zahlendarstellung markiert und unter dem Kalender aufgelistet. Der aktuelle Tag wird mit einer starken Farbunterlegung hervorgehoben.
Aufgrund der fehlenden Tabellen sind die CSS-Style wichtig, die die Breite und Form der Tabelle definieren. Hier muss man ein etwas tüfteln, um die Struktur richtig hin zu bekommen. Ich habe mich nicht mir relativen Breiten auseinandergesetzt. Das Styles sind für MY und meine Designfarben optimiert.
Wer Fragen hat zur Anwendung, kann diese gerne im web2date Forum oder per Mail an mich stellen.
1. Download der Scripte
Zunächst laden Sie einfach ein Script, ein CSS-Style und eine leere Textdatei namens setup.php, die in einem
Zip-Archiv [3 KB]
bereitsstehen. Alle Dateien werden in das Design-Verzeichnis ausgepackt. Ggf. müssen Sie später die Styles noch ändern, aber das sehen Sie ja nach dem ersten Versuchen. Die leere setup.php ist wichtig, da Sie dazu dient die Schachtelungstiefe aus web2date an das eigentlich PHP-Script zu übergeben. Der Inhalt von setup.php ist dabei unwichtig.
2. Integration ins Projekt
Die beiden Dateien sind dem Projekt bekanntzugeben. Sie müssen bei jedem Veröffentlichen mitgenommen werden. Dazu ergänzen Sie in der global.ccml folgende Zeilen
<cc:*> ***********************************************************************
Kalender
</cc:*>
<cc:asset src="style_ecalendar.css" dst="secl.css" obj="secl">
<cc:asset src="calendar.php" dst="ecal.php" obj="ecal">
<cc:asset src="setup.php" dst="setup.php" obj="setup">
3. Integration in die Site
Fügen Sie folgende Zeile in die Navigation.ccml ein, dort wo am Anfang bereite mehrere Zeilen mit <link rel="stylesheet"... stehen.
<link rel="stylesheet" type="text/css" href="<cc:print value="&secl.url">" />
4. Aufruf in der Seite
Legen Sie in der Kontextspalte einen HTML-Absatz an und fügen Sie folgenden Code ein.
<?php
$root="<cc:print value="&setup.url">";
$xpfad = str_replace('/setup.php','/ecal.php',$root);
require($xpfad);
?>
5. Fertig
Damit sollte die gesamte Integration geleistet sein. Starten Sie den Preview und arbeiten Sie ggf. die Designfarben nach und die Breiten der jeweiligen Felder. Diese sind auf 158px Spaltenbreite optimiert.
Bei Verwendung
Bei Bedarf melden Sie sich einfach. Das Script funktioniert mit PHP4 und 5 (zumindest sollte es das ;-).