Event-Kalender mit SQLite

PHP, CSS und JavaScript lernen. Anwendungen für Webseiten
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Werner-Zenk.de »

Code: Alles auswählen

UPDATE kalender SET spalte = '0'
Oh - OK - das ist ja riesig :eek: wozu benötigt man dann noch MySQL-Datenbanken ...
Andere Datenbanken (wie MySQL, PostgreSQL) können weit mehr Daten speichern außerdem können spezielle SQL-Anweisungen verwendet werden, um zb. die DB zu managen.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5746
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Danke Dir Werner :tu:

... also dann z.B. so für Spalte "festtag" (oder wieder in Hochstriche?):

Code: Alles auswählen

UPDATE kalender SET festtag = '0'
... ah, ich sehe schon, ohne Hochstriche:

https://www.w3schools.com/sql/sql_update.asp



... und frohes Osterfest :ostern:
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Werner-Zenk.de »

Es kommt halt darauf an, ob die Spalte vom Typ: TEXT oder INTEGER ist.

Die mit :hover ausgewählte Tabellenzeile wird nun besser hervorgehoben.
Screenshot von meinem Handy:
screen1.png
Das CSS dazu:

Code: Alles auswählen

table#tabelle > tbody > tr {
  transition: background-color 0.3s;
}

table#tabelle > tbody > tr:hover {
  background-color: var(--highlight-outlinecolor);
}
Ich wünsche dir auch ein frohes Osterfest
:ei: :easter: :ei: :easter: 🖌️ :ostern: ... 🥚🥚🥚🥚🥚🥚🥚🥚🥚🥚🥚🥚🥚🥚🥚🥚🥚🥚
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5746
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Hasi muss sich aber mit dem Bemalen der Eier langsam mal ran halten :angst: :osterhase: :ei:
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Werner-Zenk.de »

Tommy Herrmann hat geschrieben: Sa 16. Apr 2022, 15:36 Hasi muss sich aber mit dem Bemalen der Eier langsam mal ran halten :angst: :osterhase: :ei:
... sonst ist Ostern vorbei und keiner mag die alten Eier, auch wenn diese noch so schön bemalt sind :D
Benutzeravatar
Rancher
Moderator
Moderator
Beiträge: 466
Registriert: Di 8. Dez 2020, 18:37
Wohnort: Elsass

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Rancher »

Wir hatten auf den Tischen auf der Terrasse über Ostern Eierchen hingestellt zum Naschen. Die ganzen Tage hat sich keiner drangetraut. Heute über die Mittagspause waren sie weg :lachtot:
Wenn Dein Pferd tot ist, steig ab.
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Werner-Zenk.de »

Wenn ihr noch selbst wisst, wo ihr die Eierchen hingestellt habt, dann ists ja gut. Nicht das diese irgendwann im Sommer irgendwo on Orten auftauchen, die ihr schon längst vergessen habt :)
Benutzeravatar
pinky
Mitglied (Level 2)
Mitglied (Level 2)
Beiträge: 17
Registriert: Fr 29. Apr 2022, 08:40

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von pinky »

Hallo zusammen,

ich habe eine Frage und zwar: "Wie füge ich den Kalender korrekt in Mobirise ein?"

Ich habe ihn soweit eingefügt und das klappt auch, aber... ich kann mich im Kalender anmelden und Termine versuchen hinzuzufügen, klicke ich auf "Eintragen", dann wird der Termin nicht gespeichert. Woran könnte das liegen?

Zur Info:
Ich rufe den Kalender aus einem Verzeichnis "kalender2" auf. Die Datei "javascript.js" habe ich wie folgt angepasst:

Code: Alles auswählen

const verzeichnis = "kalender2/";
const kalender = verzeichnis + "kalender.php";
const XHR = new XMLHttpRequest();
In Mobirise rufe ich den Kalender wie folgt auf:

Code: Alles auswählen

<div style="text-align:center;width:80%;margin: 0 auto;">
<div class="box-shadow" id="kalender"></div>
Inside <head> habe ich folgenden Code:

Code: Alles auswählen

<link rel="stylesheet" href="kalender2/style.css" />
<script src="kalender2/javascript.js"></script>  
Wo liegt mein Problem, dass ich den Kalender zwar optimal angezeigt bekomme, aber (trotz korrektem Login) keinen Termin löschen bzw. neu eintragen kann (die jeweiligen Masken erscheinen)?

Ich habe den Verdacht, dass noch etwas angepasst werden muss, damit die SQL-Datei im Verzeichnis "kalender2" beschrieben werden kann, nur weiß ich nicht was.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5746
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Moin,

... und willkommen hier im Forum :hallo:

ich denke mal, dass Dir Werner das beantworten wird.

Ich persönlich sehe keinen Grund diese 3 Dateien in ein anderes Verzeichnis zu packen - wozu? Da würde ich eher (wenn unbedingt erforderlich) die Dateien umbenennen.

... und wo liegt denn das Verzeichnis "db" mit der SQLite-Datenbank bei Dir?

Eventuell musst Du diesen Pfad dann auch in der Datei "kalender.php" anpassen, wenn die Datei "kalender.php" nun woanders liegt.

Code: Alles auswählen

// Pfad zur Datenbank-Datei
$datenbank = __DIR__ . "/db/datenbank.db";
Wenn das Verzeichnis "db" dann also im Stammverzeichnis (Root) des Projektes liegen sollte, müsste das so heißen:

Code: Alles auswählen

// Pfad zur Datenbank-Datei
$datenbank = __DIR__ . "../db/datenbank.db";
... ich weiß jetzt nicht auswendig, ob da noch andere Stellen zu ändern wären.
Benutzeravatar
pinky
Mitglied (Level 2)
Mitglied (Level 2)
Beiträge: 17
Registriert: Fr 29. Apr 2022, 08:40

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von pinky »

Vielen Dank für die nette Aufnahme und die schnelle Antwort. Ich habe das Problem gefunden. Ich musste die Dateiberechtigung der Datenbank auf 646 ändern. Jetzt klappt alles. Vielen Dank nochmals :tu: .
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5746
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Prima - danke für die Rückmeldung :tu:
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Werner-Zenk.de »

Es gibt eine neue Version mit kleineren Anpassungen: https://werner-zenk.de/archiv/event-kalender_sqlite.php
Ein Demo ist hier zu finden: https://werner-zenk.de/archiv/scripts/_ ... e/demo.htm
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5746
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Moin Werner,

vielen Dank für den Hinweis. Ich habe die Änderungen übernommen:

https://www.mobirise-tutorials.com/Even ... er-SQLite/

Da ja nun "Neu" auch unten rechts in der Navigation entfallen ist, sieht man gar nicht mehr so gut, wenn / ob man angemeldet ist. Der Unterschied zwischen "Anmelden" und "Abmelden" ist nicht so richtig deutlich erkennbar.

Vielleicht sollte anstelle dessen (bei einer nächsten Version) dann zusätzlich ein Text stehen wie "Eingeloggt" oder "Abmelden" rot hinterlegt werden oder was auch immer.
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Werner-Zenk.de »

Moin Tommy,

wenn man angemeldet ist, wird die Beschriftung nun unterstrichen:
Screenshot 2022-05-01 070453.png
Screenshot 2022-05-01 070453.png (10.36 KiB) 742 mal betrachtet
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5746
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

... sehr gut :tu:

:smoking:
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5746
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

... in der Zwischenzeit habe ich das so gelöst und in der CSS die class="navInfo" erstellt:

Code: Alles auswählen

/* Navigation */
.navLink {
  display: inline-block;
  padding: 1px 8px 1px 8px;
}

.navLink:hover {
  color: var(--highlight-color);
  background-color: var(--highlight-bgcolor);
  outline: Solid 1px var(--highlight-outlinecolor);
  cursor: pointer;
}

/* EDIT Tommy - zum Abmelden hervorheben */
.navInfo {
  background-color: red;
  color: white;
}

... und in Datei kalender.php class="navInfo" noch hinzugefügt:

Code: Alles auswählen

    // Menü
    $anmeldung = (BENUTZER) ?
      '<span id="log" class="navLink navInfo" title="Vom Event-Kalender abmelden&#10;Taste: A">Abmelden</span>' :
      '<span id="log" class="navLink" title="Am Event-Kalender anmelden&#10;Taste: A">Anmelden</span>';

Abmelden.JPG
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Werner-Zenk.de »

Witzig, bei mir heißt die CSS-Klasse einfach ".abmelden" :D

Code: Alles auswählen

span.abmelden {
  text-decoration: underline 1px;
  text-underline-offset: 1px;
}

Code: Alles auswählen

   // Menü
    $anmeldung = (BENUTZER) ?
      '<span id="log" class="navLink abmelden" title="Vom Event-Kalender abmelden&#10;Taste: A">Abmelden</span>' :
      '<span id="log" class="navLink" title="Am Event-Kalender anmelden&#10;Taste: A">Anmelden</span>';
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5746
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

:D

... na ja - das ist ja zu einfach :lachtot:

Mich hat Deine class="navLink" zu diesem Namen inspiriert ...
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Werner-Zenk.de »

Ich versuche da möglichst die CSS-Klasse an dem HTML-Tag zu binden (span.abmelden) das bringt eine größere Sicherheit das die Klasse nur mit diesem Tag formatiert wird.
Ansonsten könnte ich auf die Idee kommen die Klasse noch woanders zu verwenden, das würde unweigerlich zu Problemen führen, sollten sich die Anweisungen in der Klasse ändern.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5746
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

... ah OK - dann werden ich das mal auch so angleichen.

Ich habe ja persönlich den Vorteil, dass ich solche Anwendungen meist in einem eigenen Projekt einbaue, sodass ich Probleme mit eigenen Klassen eher nicht bekomme. Dennoch sollte man natürlich dieser Logik auch folgen ...

Code: Alles auswählen

/* EDIT Tommy - zum Abmelden hervorheben */
span.navInfo {
  background-color: red;
  color: white;
}
Ich glaube ich werde bei dieser CSS für den roten Button Abmelden bleiben, denn das sollte auffällig sein - schließlich sollte man nicht vergessen sich auch wieder abzumelden.
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 22 Gäste