Event-Kalender mit SQLite

PHP, CSS und JavaScript lernen. Anwendungen für Webseiten
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,

danke Dir - jetzt habe ich es verstanden und auch nachvollzogen :hurra:

Nun ist ja dieser "Punkt" 1x1 Pixel in einer Fläche von 2x2 Pixeln groß:

Code: Alles auswählen

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII=" alt="Punkt">
Ist ein wenig schwierig den in dem Grau überhaupt zu sehen :eek:

Ich konnte den dann speichern und eben mit einem Bild-Programm, wie Photoshop auch bearbeiten:


Photoshop-Dot.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 »

Moin Tommy,

meistens verwende ich es, um irgendwelche Icons ca. 25 Pixel groß zu erstellen.
Diese sind dann in einer CSS-Datei transportabel untergebracht. Genau so, werden auch Bilder in einer E-Mail kodiert und hinzugefügt.

Neu im Event-Kalender ist unter anderem:
Die Position der Pop-ups wird automatisch angepasst, wenn das Smartphone gedreht wird.
Die HTML-Tabelle wurde optimiert.
Die Fläche der Links wurde erhöht, um diese am Smartphone besser mit dem Finger treffen zu können.
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,

also diesmal stimmt da so einiges nicht mehr (falls ich keine Fehler gemacht habe).

1) Das Popup-Fenster hat einen falsche Breite und wird breiter angezeigt als der Inhalt

2) Die Navigation ist unten :eek:


Kalender.JPG


Ich muss heute zur Beerdigung und bin nicht immer hier.
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 »

... auch wenn ich Deine Original-Dateien aus dem Download verwende:

javascript.js
kalender.php
style.css

Verwende ich Deinen gesamten Ordner - geht es :confused:

https://www.mobirise-tutorials.com/Even ... Lite/Test/
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 »

Hier eine neue Testseite mit den Fehlern (wird später wieder gelöscht):

https://www.mobirise-tutorials.com/Test ... er-SQLite/
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 ist diese Class - die untere geht:

Code: Alles auswählen

/* div#formblock {
  padding: 15px 10px 10px 10px;
  width: min-content;
  min-width: 330px;
  max-width: 660px;
  height: min-content;
  min-height: 120px;
  resize: both;
  overflow-x: hidden;
} */

div#formblock {
  padding: 15px 10px 10px 10px;
  width: fit-content;
  min-width: 330px;
  max-width: 660px;
  height: fit-content;
  min-height: 120px;
  max-height: 650px;
  resize: both;
  overflow-y: Auto;
  overflow-x: hidden;
}
Das kann ja fast nur am "Bootstrap" liegen :confused: Auf jeden Fall müsste die alte Class da wieder rein, denn sonst kann das in Mobirise und in allen anderen Bootstrap-Anwendungen, wie z.B. auch "WordPress", keiner verwenden.


... jetzt muss die Navi noch nach oben :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 »

Die Navi nach oben geht mit: caption-side: top;

und die Breite des Pop-ups

div#formblock {
padding: 15px 10px 10px 10px;
width: fit-content;
min-width: 330px;
max-width: 660px;
height: fit-content;
min-height: 120px;
resize: both;
overflow-x: hidden;
}

Das wird nur im Firefox auf dem Desktop so komisch dargestellt.
Wenn ich aber fit-content am Handy (firefox und Edge-Browser) verwende, dann sieht das schrecklich aus:

fit-content.png
Der Text wird links einfach abgeschnitten :confused:
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 »

Nee - bei mir am Handy nicht (hattest Du den Cache vom Handy gelöscht?).

Hier ein Screenshot von meinem "Samsung Galaxy S20" mit der alten Class:

Code: Alles auswählen

div#formblock {
  padding: 15px 10px 10px 10px;
  width: fit-content;
  min-width: 330px;
  max-width: 660px;
  height: fit-content;
  min-height: 120px;
  max-height: 650px;
  resize: both;
  overflow-y: Auto;
  overflow-x: hidden;
}
https://www.mobirise-tutorials.com/Even ... er-SQLite/


Screenshot_20220118-101414_Firefox.jpg


... aber wieso ist die NAVI jetzt unter dem Kalender? Ist sie doch auf Deiner Beispielseite auch nicht.


Ich muss jetzt für einige Stunden weg - leider hat mein ältester Freund zu Weihnachten einen tödlichen Herzinfarkt erlitten.
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 »

Bei mir wird die alte CSS richtig angezeigt am "Android" und am "iOS".

Geprüft habe ich das an folgenden Browsern am "Samsung":

Android
Chrome
Edge
Firefox

... und auch am "iPhone":

Safari
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 »

Mein herzliches Beileid!
... aber wieso ist die NAVI unter dem Kalender?
Das muss ein Bug von Bootstrap sein, normalerweise wird eine Überschrift (Caption) auch oben dargestellt (ansonsten wäre es eine Unterschrift :) ).

Was meinst du, soll ich anstatt dieser Caption wieder eine Tabellenzeile verwenden?
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 »

Bitte

... ich bin etwas unsicher, ob ich das richtig ändern würde. Vorher ging ja alles an allen Browsern.
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 »

Bootstrap:

Code: Alles auswählen

table{caption-side:bottom;
https://www.mobirise-tutorials.com/Even ... ap.min.css

Am besten Du knallst Dir mal zum Testen da noch 'ne Bootstrap mit rein :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 »

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 »

jetzt ist die Navi bei Dir auch unten :eek:

:confused:


Kalender Werner.JPG


... ich muss jetzt leider los - für einige Stunden...
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 »

14181518188156.png

Hast du keinen Eintrag im Kalender mit etwas mehr Text und Zeilenumbrüchen, damit ich das mal auf deiner Seite mit dem Handy testen kann? Nur diese komischen Videos ;), diese passen sich ja der Breite des Pop-ups an.
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 »

na der Eintrag "Wäsche waschen", am 07.01.2022, hat doch jede Menge Text.
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 »

Keinen "nur Fließtext" sondern mit Zeilenumbrüchen und etwas länger (100 Wörter)
dass hier :D

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea vel inventore
voluptate? Animi officia velit libero voluptatibus modi veritatis minima
dolorum alias iure sapiente dolorem tenetur molestias asperiores deserunt
numquam, facilis aliquid itaque sit ea sed quo accusamus ratione harum!

Similique maiores, obcaecati officia expedita sit corrupti, cupiditate
tempora distinctio porro aliquam sint unde dolore totam nobis quod qui a
exercitationem quidem explicabo minus est? Modi, sed. Adipisci dolores amet
voluptatum quisquam fugiat natus ut distinctio beatae sed optio, mollitia
omnis placeat minus.

Nulla fuga consectetur non, nostrum vero aperiam quos.
Animi praesentium dolorem nemo sapiente excepturi deserunt doloribus ipsam.
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 »

OK - mache ich gleich - im alten Original (Version 16.01.2022) am 18.01.2022:

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

UND im neuen Skript - da verrutscht auch der Eintrag im Kalender nach oben - (Version 18.01.2022) am 18.01.2022:

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

"Caption" bedeutet ja nun nicht unbedingt "Überschrift" - in erster Linie steht das für eine "Beschriftung".

https://dict.leo.org/englisch-deutsch/caption
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 habe ich wieder rückgängig gemacht und das andere Problem am Handy wurde auch behoben.
Die aktualisierten Dateien liegen auf dem Server.
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 »

... ich bin heute etwas "hin und her gerissen" - ich versuche es gleich zu testen ...
Antworten

Wer ist online?

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