Events und Veranstaltungen

Dieses Skript verwendet eine SQLite Datenbank (Text-Datei)

Eine Anwendung von Werner-Zenk.de
Ich beschreibe hier die Version vom 30.12.2017

Events könnt Ihr am Editor eintragen

Aktuelle Veranstaltungen

Freitag, 20 September 2024 17:30 ➧ 00:00 Uhr: Heute findet unser alljährliches Grillfest statt. Alle Mitglieder sind dazu herzlichst eingeladen.

Sonntag, 27 Oktober 2024 03:00 ➧ 02:00 Uhr: Ende der Sommerzeit

Dienstag, 24 Dezember 2024 16:00 ➧ 23:00 Uhr: Frohes Weihnachstfest Euch allen

Klick für abgelaufene Veranstaltungen

Vergangene Veranstaltungen

Montag, 01 Juli 2024 13:10 ➧ 17:00 Uhr: Wahl des neuen Vorstandes. Es müssen alle Mitglieder an der Wahl teilnehmen! Ende gegen 18:30 Uhr

Sonntag, 31 März 2024 02:00 ➧ 03:00 Uhr: Beginn der Sommerzeit

Freitag, 19 Januar 2024 19:00 ➧ 23:50 Uhr: Großer Feuerwehr-Ball. Nehmen Sie teil an unserem Feuerwehr-Ball. Tickets gibt es im Verkaufsbüro.

Freitag, 19 Januar 2024 19:00 ➧ 23:50 Uhr: Großer Feuerwehr-Ball. Nehmen Sie teil an unserem Feuerwehr-Ball. Tickets gibt es im Verkaufsbüro.

Sonntag, 24 Dezember 2023 16:00 ➧ 23:00 Uhr: Frohes Weihnachstfest Euch allen

Mittwoch, 04 Oktober 2023 15:00 ➧ 15:30 Uhr: Dieses Skript Veranstaltungen von Werner-Zenk.de in Mobirise eingebaut

Sonntag, 26 März 2023 02:00 ➧ 03:00 Uhr: Beginn der Sommerzeit

Samstag, 24 Dezember 2022 16:00 ➧ 23:00 Uhr: Frohes Weihnachstfest Euch allen

Sonntag, 30 Oktober 2022 03:00 ➧ 02:00 Uhr: Ende der Sommerzeit

Dienstag, 20 September 2022 17:30 ➧ 00:00 Uhr: Heute findet unser alljährliches Grillfest statt. Alle Mitglieder sind dazu herzlichst eingeladen.

Freitag, 01 Juli 2022 13:10 ➧ 17:30 Uhr: Wahl des neuen Vorstandes. Es müssen alle Mitglieder an der Wahl teilnehmen! Ende gegen 18:30 Uhr (falls nicht besoffen)

Sonntag, 27 März 2022 02:00 ➧ 03:00 Uhr: Beginn der Sommerzeit

Mittwoch, 19 Januar 2022 19:00 ➧ 23:50 Uhr: Großer Feuerwehr-Ball. Nehmen Sie teil an unserem Feuerwehr-Ball. Tickets gibt es im Verkaufsbüro.

Freitag, 24 Dezember 2021 16:00 ➧ 23:00 Uhr: Frohes Weihnachstfest Euch allen

Dienstag, 19 Januar 2021 19:00 ➧ 23:50 Uhr: Großer Feuerwehr-Ball. Nehmen Sie teil an unserem Feuerwehr-Ball. Tickets gibt es im Verkaufsbüro.

Donnerstag, 04 Oktober 2018 15:00 ➧ 15:30 Uhr: Dieses Skript Veranstaltungen von Werner-Zenk.de in Mobirise eingebaut

Donnerstag, 04 August 2016 13:00 ➧ 14:00 Uhr: Einbau von diesem tollen Skript in die Software NetObjects Fusion

Bitte ladet Euch die Skripte von meiner Download-Seite herunter. Ihr findet die Skripte in diesem ZIP-Archiv:

2017-12-30-veranstaltungsliste.zip

Leider hat Werner-Zenk.de seine Webseite am 10.07.2022 eingestellt.

Hier zur Info meine CSS für diese "Veranstaltungsliste":
Ich habe diesen Style hier in den Seiteneinstellung in den Bereich "Inside <head> code" eingefügt



<style>

/* Eventliste */

div.events {

margin: 0px auto;

background-color: Whitesmoke;

width: 700px;

max-width: 100%;

height: 200px;

min-height: 100px;

max-height: 550px;

overflow: Auto;

resize: Vertical;

}

/* Aktuelle Veranstaltungen */

dt.neu:nth-child(odd) {

color: #4D95CC;

background-color: #EDF4FA;

padding: 2px;

}

/* Vergangene Veranstaltungen */

dt.alt:nth-child(odd) {

color: #555555;

background-color: #D6D6D6;

padding: 2px;

}

dd {

padding: 5px;

}

</style>

Hier zur Info mein PHP-Skript zur Anzeige dieser "Veranstaltungsliste":

Ich habe hier einen einfachen Textblock aufgezogen und den Beispiel-Text mit diesem Skript ersetzt

<?php

// Aktuelle Veranstaltungen

echo '<h4>Aktuelle Veranstaltungen</h4>' .

'<div class="events">';

// Verbindungen (eventuell anpassen)

$db = new PDO('sqlite:' . "db/events.sqt");

include "event_funktionen.php";

$select = $db->query("SELECT `event`, `datum`, `zeit`

FROM `events`

WHERE `datum` >= DATETIME('now','localtime')

ORDER BY `datum` ASC");

$events = $select->fetchAll();

foreach ($events as $event) {

sscanf($event["datum"], "%4s-%2s-%2s %5s", $jahr, $monat, $tag, $uhr);

echo '<dl><dt class="neu">' . wochentag($tag, $monat, $jahr) . ', ' . $tag . ' ' . monat($monat) . ' ' . $jahr .

' &emsp; ' . $event["zeit"] . ' ➧ ' . $uhr . ' Uhr</dt>' .

'<dd>' . nl2br($event["event"]) . '</dd></dl>';

}

echo '</div>';

// Vergangene Veranstaltungen

if ($oldEvent != "nein") {

echo '<h4>Vergangene Veranstaltungen</h4>' .

'<div class="events">';

$select = $db->query("SELECT `event`, `datum`, `zeit`

FROM `events`

WHERE `datum` < DATETIME('now','localtime')

ORDER BY `datum` DESC");

$events = $select->fetchAll();

foreach ($events as $event) {

sscanf($event["datum"], "%4s-%2s-%2s %5s", $jahr, $monat, $tag, $uhr);

echo '<dl><dt class="alt">' . wochentag($tag, $monat, $jahr) . ', ' . $tag . ' ' . monat($monat) . ' ' . $jahr .

' &emsp; ' . $event["zeit"] . ' ➧ ' . $uhr . ' Uhr</dt>' .

'<dd>' . nl2br($event["event"]) . '</dd></dl>';

}

echo '</div>';

}

?>

Bennent also die Seite, auf der Ihr das einbaut, z.B. als "events.php" in den Seiteneinstellungen in eine PHP-Seite um. Kopiert das Verzeichnis "db" mit der SQLite-Datenbank in das gleiche Stammverzeichnis, in dem alle anderen Seiten des Projektes liegen.

Zum Eintragen von Events kopiert Ihr die Datei "event_editor.php" ebenfalls in das Stammverzeichnis dieses Projektes, die Ihr mittels Eingabe dieser URL aufruft. Ebenso wie auch die Datei "event_funktionen.php" in der Ihr Euer persönliches Passwort eintragen müsst, sodass sonst niemand Änderungen vornehmen kann. Weiterhin könnt Ihr in diesem Skript mit ja/nein angeben, ob die vergangenen Veranstaltungen auch angezeigt werden sollen oder nicht. Lest die dem Download beiliegende Datei "lies_mich.txt" für Anweisungen.

Unten meine Ansicht dieser Seite als Alternative mit Toggle Funktion

Ich habe hier das PHP-Skript zur Anzeige in zwei Teile aufgeteilt. Der obere Teil zeigt die aktuellen und der untere Teil die bereits abgelaufenen Veranstaltungen an, die ich mit einem "Toggle-Slider" versteckt habe und nur bei Klick auf einen Link anzeige.

Hier zur Info meine alternative CSS für diese "Veranstaltungsliste":

Ich habe diesen Style hier in den Seiteneinstellung in den Bereich "Inside <head> code" eingefügt

<style>

/* Eventliste */

div.events {

margin: 0px auto;

background-color: Whitesmoke;

width: 700px;

max-width: 100%;

height: 300px;

min-height: 100px;

max-height: 550px;

overflow: Auto;

resize: Vertical;

border: 1px solid #999999;

box-shadow: 5px 5px 5px #888888

}

/* Aktuelle Veranstaltungen */

dt.neu:nth-child(odd) {

color: #555555;

background-color: #b2ccd2;

padding: 2px;

}

/* Vergangene Veranstaltungen */

dt.alt:nth-child(odd) {

color: #555555;

background-color: #cbe5eb;

padding: 2px;

}

dd {

padding: 5px;

}

.box{

display: none;

}

</style>

Hier zur Info mein alternatives, geteiltes PHP-Skript zur Anzeige dieser "Veranstaltungsliste":

Ich habe hier einen einfachen Textblock aufgezogen und den Beispiel-Text mit diesem Skript ersetzt

<?php

// Aktuelle Veranstaltungen

echo '<h4>Aktuelle Veranstaltungen</h4>' .

'<div class="events">';

// Verbindungen (eventuell anpassen)

$db = new PDO('sqlite:' . "db/events.sqt");

include "event_funktionen.php";

$select = $db->query("SELECT `event`, `datum`, `zeit`

FROM `events`

WHERE `datum` >= DATETIME('now','localtime')

ORDER BY `datum` ASC");

$events = $select->fetchAll();

foreach ($events as $event) {

sscanf($event["datum"], "%4s-%2s-%2s %5s", $jahr, $monat, $tag, $uhr);

echo '<dl><dt class="neu">' . wochentag($tag, $monat, $jahr) . ', ' . $tag . ' ' . monat($monat) . ' ' . $jahr .

' &emsp; ' . $event["zeit"] . ' ➧ ' . $uhr . ' Uhr</dt>' .

'<dd>' . nl2br($event["event"]) . '</dd></dl>';

}

echo '</div><br>';

?>

<p><a href="javascript:void();" class="slide-toggle text-primary"><span class="mbri-up-down mbr-iconfont mbr-iconfont-btn"></span> Klick für abgelaufene Veranstaltungen</a></p>

<div class="box">

<div class="box-inner">

<?php

// Vergangene Veranstaltungen

if ($oldEvent != "nein") {

echo '<h4>Vergangene Veranstaltungen</h4>' .

'<div class="events">';

$select = $db->query("SELECT `event`, `datum`, `zeit`

FROM `events`

WHERE `datum` < DATETIME('now','localtime')

ORDER BY `datum` DESC");

$events = $select->fetchAll();

foreach ($events as $event) {

sscanf($event["datum"], "%4s-%2s-%2s %5s", $jahr, $monat, $tag, $uhr);

echo '<dl><dt class="alt">' . wochentag($tag, $monat, $jahr) . ', ' . $tag . ' ' . monat($monat) . ' ' . $jahr .

' &emsp; ' . $event["zeit"] . ' ➧ ' . $uhr . ' Uhr</dt>' .

'<dd>' . nl2br($event["event"]) . '</dd></dl>';

}

echo '</div>';

}

?>

</div>

Hier zur Info mein JavaScript zur Anzeige des Toggle-Sliders der abgelaufenen Veranstaltungen:

Ich habe dieses Script hier in den Seiteneinstellung in den Bereich "End of <body> code" eingefügt

<script type="text/javascript">

$(document).ready(function(){

$(".slide-toggle").click(function(){

$(".box").slideToggle(1000);

});

</script>