Events

Veranstaltungen online in SQLite Datenbank eintragen

Dieses Skript verwendet eine SQLite Datenbank (Text-Datei)

Ihr könnt Euch alle Dateien bei Werner-Zenk.de downloaden
Ich beschreibe hier die Version vom 30.12.2017

Events könnt Ihr am Editor eintragen

Aktuelle Veranstaltungen

Dienstag, 24 Dezember 2019   16:00 ➧ 23:00 Uhr
Frohes Weihnachstfest Euch allen
Bild
Sonntag, 19 Januar 2020   19:00 ➧ 23:50 Uhr
Großer Feuerwehr-Ball. Nehmen Sie teil an unserem Feuerwehr-Ball. Tickets gibt es im Verkaufsbüro.

Klick für abgelaufene Veranstaltungen

Vergangene Veranstaltungen

Donnerstag, 04 Oktober 2018   15:00 ➧ 15:30 Uhr
Dieses Skript Veranstaltungen von Werner-Zenk.de in Mobirise eingebaut
Donnerstag, 20 September 2018   17:30 ➧ 00:00 Uhr
Heute findet unser alljährliches Grillfest statt. Alle Mitglieder sind dazu herzlichst eingeladen.
Samstag, 01 Juli 2017   13:10 ➧ 17:00 Uhr
Wahl des neuen Vorstandes. Es müssen alle Mitglieder an der Wahl teilnehmen! Ende gegen 18:30 Uhr
Donnerstag, 04 August 2016   13:00 ➧ 14:00 Uhr
Einbau von diesem tollen Skript in die Software NetObjects Fusion

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


  <!-- CSS Events -->
  <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"] . ' &#10151; ' . $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"] . ' &#10151; ' . $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


  <!-- CSS Events -->
  <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"] . ' &#10151; ' . $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"] . ' &#10151; ' . $uhr . ' Uhr</dt>' .
           '<dd>' . nl2br($event["event"]) . '</dd></dl>';
         }
         echo '</div>';
        }
        ?>
    </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

  <!-- Slider von oben nach unten -->
  <script type="text/javascript">
    $(document).ready(function(){
        $(".slide-toggle").click(function(){
            $(".box").slideToggle(1000);
            });
        });
  </script>