Event-Kalender mit SQLite

PHP, CSS und JavaScript lernen. Anwendungen für Webseiten
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

... habe Deine überarbeitete Version vom 31.01.2022 am Server:

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

Hast wohl eine Allergie gegen das Wort "Pop-up" entwickelt :D
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 »

Ja :D
Keine Ahnung wie ich das Ding nennen soll :confused:

Hier mal zum Lesen: https://www.golem.de/news/landgericht-m ... 62826.html
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Na ja - was das Gericht da fordert ist ja praktisch nicht durchführbar :angst:

Die Verwendung von Google-Fonts sollte aber auch in der Datenschutzerklärung stehen.

Was für ein Schwachsinn - man kann ja nicht Google als die bedeutendste Plattform des Internets gänzlich ausschließen.

https://dr-dsgvo.de/wichtige-urteile-zur-dsgvo/

Zehntausende von Webseiten verwenden Google-Fonts, wie auch z.B. die meist verwendete Software "WordPress". Ganz sicher findet man darunter auch etliche staatliche Seiten.
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 »

Man muss die Sachen nur auf seinem eigenen Server hosten, das gilt nicht nur für Google-Fonts, auch für jQuery und andere Skripte die direkt eingebunden werden. Ich habe das sowieso nicht verstanden, warum man solche Dinge direkt einbindet, weil es einfacher ist...

Es gibt da aber zahlreiche Websites, die das gemacht haben, aus Unkenntnis. Bekommen die dann Post von einem Anwalt, weil diese ein neues Geschäftsmodell wittern?

Ja, früher war vieles besser, heutzutage gehts nur ums Geschäft.
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 »

Event-Kalender neue Version mit kleineren Anpassungen:
Hellblaue Titelleiste, diese hebt sich besser vom Hintergrund ab.
Das Icon wurde als Base64-Code in der CSS-Datei eingebunden.
Andere Symbole für Monat und Jahr.

eksqlite.png


Wenn zuvor die beiden Checkboxen "Event löschen" und "Event kopieren" ausgewählt wurden, so wurde der Event gelöscht, jetzt wird der Event nur kopiert (dient gegen versehentliches löschen).


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

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Hallo Werner,

vielen Dank - das Teil wird immer perfekter :tu:

Habe es eben angepasst:

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

Neue Screenshots erstelle ich vielleicht morgen, bekomme noch Besuch und bin am Kochen :hunger:
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 da eine neue Version (von heute) :)
Der ausgewählte Event wird im Kalender hervorgehoben.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

super :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 »

Ich hatte mal geschrieben, dass ich keine weiteren Formularfelder mehr hinzufügen würde, das war leider falsch ;)
Hinzugefügt wurde eine Checkbox, damit man Events nicht öffentlich anzeigen lassen kann, also nur nach einer Anmeldung. Ich denke das, dies eine sinnvolle Option ist!

eksqlite_privat.png

Allerdings muss da die Tabelle geändert werden, weil die Spalte "privat" hinzugekommen ist.
Mache zuerst eine Sicherung der "datenbank.db"-Datei.
Mit dem Programm "DB Browser for SQLite" funktioniert das so:


dbsqlite1.png
dbsqlite2.png
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Hallo Werner,

ist das schon im Download? Wahrscheinlich ja ...

Ich kann erst morgen gucken - danke für die Instruktionen :)

Letztes Mal hatte ich einfach die Datenbank als CSV-Datei exportiert. Die neue Datenbank verwendet und dann meine exportierte CSV-Datei wieder importiert. Ist das eigentlich auch ein korrekter Weg?

Natürlich werde ich Deinen Anweisungen folgen und die Spalte händisch erstellen, ich wollte es nur von Dir gerne wissen.
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 »

Letztes Mal hatte ich einfach die Datenbank als CSV-Datei exportiert. Die neue Datenbank verwendet und dann meine exportierte CSV-Datei wieder importiert. Ist das eigentlich auch ein korrekter Weg?
Ja, das funktioniert bei Sqlite, solange nichts an der DB-Tabelle verändert, wurde.
Bei MySQL würde ich dies aber nicht empfehlen.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Danke Dir - alles klar.

Mal gucken, vielleicht kann ich das noch heute machen.

Ich suche gerade mal neue Bilder und will dem Kalender die Bilder beispielhaft verpassen.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

... hmm

... was mache ich falsch - ich muss jeden Eintrag einzeln auf "0" setzen ???
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

... also das ging recht schmerzlos :)

Habe nun die neueste Version - mit "privaten Events", die nur der Administrator selbst sehen kann, wenn er sich eingeloggt - hinzugefügt und auch beispielhaft die Monatsbilder.

... was kann man sagen - einfach genial :tu:

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



Wie bedient man eigentlich diese neuen unterstrichenen Anfangsbuchstaben wie bei "Anzeigen" :confused:


Anzeigen.JPG


P.S.:

... übrigens - die hervorgehobenen gewählten Events sind wieder weg - soll das so sein?
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 »

hervorgehobene_event.png
Der hervorgehobene Event sieht jetzt anders aus, konnte mich gestern nicht so richtig entscheiden was ich da zur Markierung nehme :)
Wie bedient man eigentlich diese neuen unterstrichenen Anfangsbuchstaben wie bei "Anzeigen"
Beim Firefox verwendet man die Taste: ALT + A (kleines a), damit kann man ein Formularelement fokussieren oder auswählen ähnlich wie bei der Tabulatortaste. Bei Chromium ist das nicht so schön gelöst: ALT+UMSCHALT+A teilweise auch ALT + A, wenn eine andere Browserfunktion damit belegt ist.

Im Formularelement muss dann das Attribut (z.b.) accesskey="a" definiert sein.

Dein Kalender sieht schön aus mit den Bildern :tu:
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

... ach Du meine Güte - das mit der neuen Hervorhebung habe ich komplett übersehen :eek:

Was aber noch ganz dringend fehlt ist das Ausschalten der Monatsbilder am Handy (das sieht sonst grottenschrecklich aus). Ich habe das jetzt in der Datei:

style.css

von Dir so mit einer @media Anweisung hinzugefügt:

Code: Alles auswählen

/* Monatsbilder */
div#monatsbild {
  height: 175px;
  background-size: Cover;
  /* Edit Tommy
  /* box-shadow: inset 0px 0px 15px 0px #fff; */
  border-left: Solid 1px #bbbbbb;
  border-right: Solid 1px #bbbbbb;
  border-radius: 20px 20px 0px 0px;
}
@media (max-width: 991px) {
  div#monatsbild {
    display: none;
  }
}
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Moin Werner,

also das mit den unterstrichenen Anfangsbuchstaben funktioniert hier nicht - mit keinem Buchstaben.

Wenn ich z.B. eingebe:

Alt + a

... öffnet sich im Firefox die dort bereits definierte Regel in der Menüleiste "Ansicht".


ALT-Anfangsbuchstaben.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 »

Also ich kann mich nicht beklagen, die Monatsbilder bei mir auf dem Handy sehen so aus wie erwartet:

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

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Moin,

na ja - am Ende ist so etwas natürlich auch Geschmackssache, die ja jeder selbst entscheiden kann.

Bei meinen Bildern, sah das teilweise schrecklich aus.

So sieht mein Bild im Mai z.B. am Desktop aus:

Mai am Desktop.jpg

So ähnlich sieht es dann am Handy aus. Durch das schmale Format und Cover wird eine unglückliche Stelle gewählt. Es bleibt dann also reiner Zufall was da angezeigt wird. Daher habe ich die Bilder am kleinen Display ausgeblendet.

Mai am Handy.JPG

Das ist auch nicht gerade der "goldene Schnitt", wenn das Kopfbild des Kalenders fast 75% so hoch wie der Kalender selbst ist.

Mit einem zentrierten Bild wäre das wahrscheinlich besser:

Code: Alles auswählen

/* Monatsbilder */
div#monatsbild {
  height: 175px;
  background-size: cover;
  /* Edit Tommy - Bilder zentrieren */
  background-repeat: no-repeat;
  background-position: 50% 50%;
  /* Edit Tommy - entfernt: box-shadow: inset 0px 0px 15px 0px #fff; */
  border-left: Solid 1px #bbbbbb;
  border-right: Solid 1px #bbbbbb;
  border-radius: 20px 20px 0px 0px;
}
... zumindest sehen meine Bilder damit akzeptabel aus. Hier das gleiche Bild im Mai:

Mai am Handy zentriert.JPG


Ich habe jetzt in der Media-Anweisung eine Höhe von 80 (anstatt 175) Pixeln eingetragen.


Kleinere Bildhöhe.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 »

:tu:
Das wäre auch meine Lösung gewesen: background-position: Center Center;
Meistens ist das aufgenommene Objekt auch in der Bildmitte.
Antworten

Wer ist online?

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