Event-Kalender mit SQLite

[Werner-Zenk.de]

Das ist natürlich mist das Google bei der Übersetzung von Text so durcheinander kommt, daran habe ich nicht gedacht.
Sieht schon viel besser aus

>>>>>>>>>>> Nachtrag
$txt = preg_replace('/\[center\](.*)\[\/center\]/Uism', '<center>$1</center>', $txt); // [center]

Der HTML-Tag Center sollte nicht mehr verwendet werden, auch wenn das nur eine Übersetzung ist, irgendwann fliegt der Tag hinaus. Bekannte Beispiele sind: <acronym> <applet> <basefont> <blink> <dir> <isindex> <listing> <noframes> <plaintext> <spacer> <strike> <tt> und <xmp>.

$txt = preg_replace('/\[center\](.*)\[\/center\]/Uism', '<div style="text-align: center;">$1</div>', $txt); // [center]

[Tommy Herrmann]

Nur mal ein Beispiel:

Ich hatte zunächst ein <section> für den Text mit mehreren Header-Tags.

Da macht Google Mist (warum auch immer).

Jetzt habe ich daraus 4 Blöcke <section> erstellt - dann geht es besser. Wobei eben jede Farbänderung, andere Formatierungen oder <code> händisch bei Mobirise eingepflegt werden müssen.

... dann muss man immer wieder die Übersetzung überprüfen.

Im Übrigen kann es dennoch passieren, dass Google bei gleichem Text unterschiedliche Übersetzungen erzeugt (obwohl nichts geändert wurde) - so ganz blicke ich da nach Jahren immer noch nicht durch. Der Google-Translator wird aber auch permanent verbessert und verändert.

[Werner-Zenk.de]

Ich habe den Kalender dahingehend geändert, wenn man einen anderen Monat oder ein anderes Jahr auswählt, das nach dem Anmelden und Abmelden der gleiche Kalender wieder angezeigt wird.

[Tommy Herrmann]

... ach prima - das wollte ich Dir eigentlich auch schon vorschlagen

Ich habe aber noch nicht geguckt ...

[Tommy Herrmann]

Hast Du das denn schon im Download - da steht noch Version vom 26.01.2022 ???

[Werner-Zenk.de]

Eine aktualisierte Version liegt noch nicht auf dem Server, ich warte erst einmal ab vielleicht kommt noch etwas dazu.

[Tommy Herrmann]

natürlich kommt noch was dazu - jeden Tag

Du hast aber recht - man sollte etwas "sammeln".

Als ich noch im dBASE programmiert habe, saß immer ein Mitarbeiter neben mir (der richtiger Freak war). Abends haben wir dann immer gesagt:

"und jetzt sind wir fertig"

... fertig wurden wir allerdings nie

[Werner-Zenk.de]

Ein Programm, das nicht gepflegt wird, ist tot (siehe NOF).
Ich mag keine Programme, wo der Entwickler das Programm beendet hat.
Jeder hofft doch auf irgendwelche "Verschlimmbesserungen" im nächsten Update, da kann man sich dann herrlich darüber aufregen

[Werner-Zenk.de]

Moin Tommy,

ich habe eine neue Version hochgeladen.
Dazu gekommen ist; das Pop-up Fenster lässt sich in der mobilen Ansicht verschieben und nach dem Anmelden oder Abmelden, bleibt die aktuelle Kalenderauswahl erhalten.

[Tommy Herrmann]

Super Werner

vielen Dank für Deine tollen Erweiterungen und Deine Infos

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

Du hast in der Datei "lies_mich.txt" den neuen BBCode:

Code: Alles auswählen

[center]Zentriert[/center]

... vergessen hinzuzufügen.

das Pop-up Fenster lässt sich in der mobilen Ansicht verschieben

... wie geil ist das denn

[Werner-Zenk.de]

Ich hätte nicht gedacht das du noch heute antwortest,
habe da noch einiges umgebaut. Im Fenster wird nun display: grid verwendet, um die Titelleiste und den Schließen-Button auszurichten, mit display: table und display: flex hatte ich zuvor erfolglos experimentiert.

Das Pop-up legt sich als Layer (100%) hinter dem Fenster, so das keine Auswahl vom Kalender mehr getätigt werden kann. Das war immer am Handy ärgerlich, wenn man zufällig mit dem Finger auf eine Stelle im Kalender gelangte.

Also neue Version liegt jetzt (23:00 Uhr) auf dem Server.

P.S. Das Problem mit dem width: fit-content hat sich nun auch im Chromium gelöst und wird nicht mehr angezeigt

[Tommy Herrmann]

Moin,

ja - diesmal ging das etwas schief. Die Titelleiste vom Pop-up war viel zu schmal und sah schrecklich aus. Ich habe mit meinen CSS-Anpassungen (unten) das aber jetzt alles so auf meiner Seite vorerst übernommen:

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

Ich musste in der CSS folgende Anpassungen vornehmen. Siehe:

/* EDIT Tommy .... */

Code: Alles auswählen

div#titelleiste > .navLink {
  /* EDIT Tommy changed from padding: 5px 8px 5px 8px; */    
  padding: 10px 8px 5px 8px;
}

div#titelleiste {
  font-family: var(--font-family);
  font-size: 0.90rem;
  color: var(--color);
  background-color: var(--bgcolor-odd);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: Solid 0.1px rgba(155, 155, 155, 0.5);
  display: grid;
  grid-template-columns: 1.9fr 0.27fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  /* EDIT Tommy changed from height: 20px and from padding: 5px 0px 5px 10px; */
  height: 40px;
  padding: 10px 0px 5px 10px;
  position: sticky;
  top: 0px;
  cursor: move;
}

div#schliessen {
  font-size: 0.90rem;
  text-align: center;
  /* EDIT Tommy changed from height: 20px and from margin-top: -5px */
  height: 40px;
  margin-top: -10px;
}

Wofür steht das "fr" bei der Grid-Größe - ist es vielleicht auch das?

grid-template-columns: 1.9fr 0.27fr;

Ich weiß, dass das für "fraction units" steht - allerdings weiß ich nicht wie es sich auf den verbleibenden Platz auswirkt oder berechnet. Vielleicht würde das Problem durch eine feste Pixel-Angabe gelöst werden?!

... es wird wohl mit einer der Bootstrap-CSS-Dateien im Zusammenhang stehen - gefunden habe ich es nicht. Ist natürlich blöd, dass nun alle Mobirise-Benutzer eine zu schmale Titelleiste haben.

Mit der Möglichkeit das Pop-up am Handy zu verschieben, kann man das nun am Handy auch größer machen bzw. auch nach links über die Displaygröße hinaus verschieben und "zerschiebt" sich damit das Layout am Handy. Ich finde das jetzt nicht so tragisch, wollte es aber erwähnt haben.

... und diese Variable der Pop-up Overlay-Farbe habe ich entfernt (transparent gemacht), da das in meinem Fall ja nur den Kalender überdeckt und nicht den gesamten Mobirise-Block und das sieht gar nicht gut aus:

Code: Alles auswählen

  /* EDIT Tommy changed from rgba(255, 255, 255, 0.3) */
  --bgcolor-popup: rgba(255, 255, 255, 0.0);

Vielleicht sollte man die Default-Einstellung auf transparent festlegen, denn Weiß sieht auf dunklen Seiten echt nicht aus. Das hat natürlich jetzt den Nachteil, dass man das Pop-up ausschließlich am "Schließen Kreuz" schließen kann - aber das ist ja auch OK.

[Werner-Zenk.de]

Mit der Möglichkeit das Pop-up am Handy zu verschieben, kann man das nun am Handy auch größer machen bzw. auch nach links über die Displaygröße hinaus verschieben und "zerschiebt" sich damit das Layout am Handy. Ich finde das jetzt nicht so tragisch, wollte es aber erwähnt haben.

Moin Tommy,
das hat mit der Variablen Breite des Pop-ups zu tun. Das gleiche kann man auch am PC beobachten. Die einzige Lösung wäre eine feste Breite zu setzen, das möchte ich aber nicht. Klar, am Handy hat man nicht viel Bewegungsspielraum.

Das mit den grid-template-columns: 1.9fr 0.27fr; ist im Zusammenhang mit der Breite der zwei Spalten.
Aber ich mache die Titelleiste jetzt keine 40 Pixel hoch, da kann ja ein Panzer durchfahren und sieht nicht schön aus.
Das liegt an Bootstrap, ich habe es auf deiner Seite im Browser getestet.

[Tommy Herrmann]

Moin,

... nee geht ja auch so. Lasse ich es wie bei Dir, ist meine Titelleiste so schmal, das die Spalte den Titel und das Schließenkreuz teilt

so ungefähr:

ich habe das nich nicht verstanden mit "fr"

wofür steht 1.9 und wofür 0.27?

[Werner-Zenk.de]

Das sind die anteiligen Einheiten vom verfügbaren Platz.
Ich habe das mal auf 4.27 erhöht:

[Tommy Herrmann]

ahhhhhhhhh - danke

also dann sind das Prozentwerte auf den DIV-Container und nicht auf die Breite des Pop-up

[Tommy Herrmann]

Habe es nochmals etwas angepasst und etwas schmaler gemacht:

Code: Alles auswählen

div#titelleiste {
  font-family: var(--font-family);
  font-size: 0.90rem;
  color: var(--color);
  background-color: var(--bgcolor-odd);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: Solid 0.1px rgba(155, 155, 155, 0.5);
  display: grid;
  grid-template-columns: 1.9fr 0.27fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  /* EDIT Tommy changed from height: 20px */
  height: 30px;
  padding: 5px 0px 5px 10px;
  position: sticky;
  top: 0px;
  cursor: move;
}

div#schliessen {
  font-size: 0.90rem;
  text-align: center;
  /* EDIT Tommy changed from height: 20px */
  height: 30px;
  margin-top: -5px;
}

[Werner-Zenk.de]

Wahnsinn ; ist von der Höhe sogar kleiner als meine Titelleiste

[Werner-Zenk.de]

Vielleicht sollte man die Default-Einstellung auf transparent festlegen, denn Weiß sieht auf dunklen Seiten echt nicht aus. Das hat natürlich jetzt den Nachteil, dass man das Pop-up ausschließlich am "Schließen Kreuz" schließen kann - aber das ist ja auch OK.

Das konnte man doch immer nur am "Schließen Kreuz" schließen oder mit der ESC-Taste.
Vieleicht mach ich das so, dass das nur am Handy angezeigt wird (muss nur noch überlegen was das Beste ist).
Ja, volle Tranzparenz hatte ich auch schon und sogar den Zeiger auf cursor: not-allowed gestellt.

[Tommy Herrmann]

Das konnte man doch immer nur am "Schließen Kreuz" schließen oder mit der ESC-Taste.

... also - ich bin mir fast sicher, dass man zuvor irgendwo auf die Seite klicken konnte um das Pop-up zu schließen (am Desktop).

... oder ich verwechsele es - man konnte auf jeden Fall direkt auf ein anderes Event klicken und damit das offene schließen und das andere Event direkt öffnen - aber das brauche ich auch nicht - ich finde das so vollkommen in Ordnung wie es ist - auch am Handy.