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 »

Ich weiß das, ich meinte die 100% Breite beim Textbereich.

Da wurden heute von mir so viele Änderungen vorgenommen das eine neue Version notwendig wird.
Aber in der "Versionen (Historie)" werde ich nur das Datum aktualisieren ...
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Hallo Werner,

würdest Du bitte so nett sein und mir hier kurz mitteilen, wenn Du eine neue oder veränderte Version am Server hast (bisher ist es ja noch alles unverändert).

Danke Dir ...
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,

ich habe eine neue Version auf dem Server liegen.
Keine Ahnung was ich da geändert habe :) viel Code-Optimierung ...

In der index.htm wird der HTML-Tag: <div id="aktiv"></div> nicht mehr verwendet.
Berücksichtige das bitte in deiner Anleitung.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Moin Werner,

vielen Dank :tu:

Ich habe die Änderungen übernommen, nur die CSS habe ich ein wenig meinen Bedürfnissen angepasst.

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

z.B. das hier:

resize: both;

Code: Alles auswählen

/* Formularfelder */
textarea {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  margin-top: 3px;
  width: 100%;
  max-width: 100%;
  min-width: 300px;
  height: 120px;
  min-height: 120px;
  max-height: 450px;
  /* EDIT Tommy - changed from resize: vertical */
  resize: both;
}


... dadurch kann ich den Bereich "textarea" auf die volle Breite aufziehen. Es kann aber auch gut sein, dass das bei mir und bei allen die Mobirise verwenden, eben durch die CSS von Bootstrap so ist, denn diese lässt standardmäßig nur die vertikale Größenveränderung zu.


resize-both.JPG



Vielen Dank nochmals für diesen tollen Kalender :prost:


Ist diese Tag / Wochen / Quartal Anzeige, sowie die Hinweise bei der Navigation, bei Mausüber neu oder hatte ich die nur noch nicht entdeckt :)


Wochenanzeige Mouseover.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 »

Die hattest du anscheinend nur nicht entdeckt :)
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

... ja - habe ich echt erst heute entdeckt.

Du hast da so ulkige "oo" Einträge im Januar und Februar in Deinem Beispiel-Kalender - hast Du da was vergessen zu entfernen ...


oo Einträge.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 »

Das hatte ich tatsächlich :D habe schon überlegt, ob ich das entfernen sollte :confused:
Heute jedenfalls nicht mehr, der Text mit der "Sternschnuppe" ist mir auch mal beim Testen hineingerutscht ;)
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

... aber der ist große Klasse :D

... und auch ein sehr gutes Beispiel für die definierte maximale Pop-up Breite.
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 »

Bitte keinen Code kopieren oder den Kalender testen, wenn ihr den Google-Translator zur Übersetzung dieser Seite verwendet, denn dann funktioniert dieser nicht korrekt.
Quelltext sollte mit dem HTML-Tag <pre> oder <code> markiert sein, dann wird dieser nicht übersetzt, jedenfalls macht das der Bing-Übersetzer so.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

... es geht eigentlich sehr gut - probiere es mal - alle Blöcke müsste ich ja sonst händisch anpassen (das ist mir bei Mobirise fast unmöglich).

Man muss nur, wenn man z.B. Englisch gewählt hat, an bestimmte Stellen im Kalender klicken.

Der Code ist teilweise nicht korrekt dargestellt bei einer Übersetzung - aber das sollte jedem auch klar sein. Ich werde das aber morgen mal mit <code> oder so testen.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Danke Werner,

das mit dem <code> Tag </code> funzt hervorragend und dann hebt sich der Code auch gleich viel besser vom Text ab.

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

... natürlich wird nun die "Beschreibung" nicht mit übersetzt (weil es das ja eben alle als Code definiert ist).
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,

mir ist erst jetzt aufgefallen das da der Mauszeiger (cursor: pointer) fehlt, trotz der vielen Tests hatte ich das zuvor nicht bemerkt :eek:

Im großen Event-Kalender hatten sich viele gewünscht (und ich auch) dass bereits Infos angezeigt werden, wenn man mit dem Mauszeiger auf dem Event zeigt:


3dDOD5SRUO.png


Nun wird das auch hier angezeigt. Die neue Version ist aber noch nicht auf dem Server, ich sag bescheid, sollte sich das ändern.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Moin Werner,

ah - OK :tu:

Ist das nicht ein wenig nervös, wenn man da viele Events hat - springt das Fenster ja ständig auf :angst:
... und eigentlich ist doch dafür der Titel im Kalender gedacht :confused:

Auf jeden Fall fehlt ein "cursor: pointer" über dem Event zum Öffnen. Habe das schon mal für mich geändert, denn mit dem Klick auf das Event, passiert ja etwas.

Code: Alles auswählen

div.event {
  font-family: Arial, Tahoma, Verdana, sans-serif !important;
  font-size: clamp(0.8rem, 1vw, 1.2rem);
  padding: 2px;
  border-radius: 3px;
  box-shadow: 1px 1px 2px 0px #707070;
  margin: 0px 1px 3px 0px;
  /* -ms-hyphens: Auto;
  -webkit-hyphens: Auto;
  hyphens: Auto; */
  word-break: break-all;
  user-select: text;
  /* EDIT Tommy - Cursor */
  cursor: pointer;
}

/* EDIT Tommy - Cursor */
div#popup .event {
  cursor: default;
}
Wie machst Du das, dass man den Cursor bei Dir im Screenshot sehen kann :eek:
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 »

Mit dem Snipping Tool von Windows habe ich immer ein Problem, wenn ich den Mauszeiger oder von diesen Title-Text einen Screenshot machen möchte. Bei der Aufnahme verliert das immer den Fokus, so dass der Mauszeiger (und der Title-Text) nicht angezeigt wird.
Das ist ein Bug, bis vor einigen Versionen ging das noch!

Ich verwende dafür das Tool: ShareX
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

... aha - gut zu wissen.

... und ja genau - ich verwende das Windows Tool und das wird der Mauszeiger direkt ausgeblendet - übrigens auch auch wenn ich mit der "Drucken" Taste den gesamten Bildschirm speichere.
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 habe gerade einen Bug vom Snipping Tool über den Feedback-Hub von Microsoft gesendet. Mal sehen, ob es etwas nützt :)
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,

es gibt eine neue Version mit kleineren Design Änderungen:


neu.png
Der Hintergrund ist etwas heller und die Titelleiste ist dunkler.
Ist das nicht ein wenig nervös, wenn man da viele Events hat - springt das Fenster ja ständig auf :angst:
... und eigentlich ist doch dafür der Titel im Kalender gedacht :confused:
Ja stimmt, aber wenn man da ständig klickt, dann ist das auch nicht gut für die Hand.
Ich hatte das schon mal, das nach stundenlangem Geklicke mit der Maus, mir meine ganze Hand weh getan hat :eek:

Damit das nicht zu nervös wirkt, habe ich den Effekt entfernt, wenn man mit den Mauszeiger über die Tabelle fährt: https://werner-zenk.de/archiv/scripts/_ ... /index.htm
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

yack - mache es gleich :D
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event-Kalender mit SQLite

Ungelesener Beitrag von Tommy Herrmann »

Hallo Werner,

OK - habe es geändert. Meine CSS und meine Datei "kalender.php" sind ja doch ziemlich anders und ich muss dann immer alles genau vergleichen und wieder neu anpassen.

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

Bei mir werden noch (einige) BBCode mit im Mausüber angezeigt - gehe mal über "Wäsche waschen" am 20.01.2022.

... auch solche von Dir, wie

Code: Alles auswählen

[b] Fett [/b]
Antworten

Wer ist online?

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