Seite 6 von 23
Re: Event-Kalender mit SQLite
Verfasst: Mo 17. Jan 2022, 10:48
von Tommy Herrmann
Moin Werner,
danke Dir - jetzt habe ich es verstanden und auch nachvollzogen
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
Ich konnte den dann speichern und eben mit einem Bild-Programm, wie Photoshop auch bearbeiten:
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 07:31
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.
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 08:24
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
Ich muss heute zur Beerdigung und bin nicht immer hier.
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 08:31
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
https://www.mobirise-tutorials.com/Even ... Lite/Test/
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 08:46
von Tommy Herrmann
Hier eine
neue Testseite mit den Fehlern (wird später wieder gelöscht):
https://www.mobirise-tutorials.com/Test ... er-SQLite/
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 09:11
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
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
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 09:40
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:
Der Text wird links einfach abgeschnitten
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 10:20
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;
}
... 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.
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 10:27
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
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 10:39
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?
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 10:42
von Tommy Herrmann
... ich bin etwas unsicher, ob ich das richtig ändern würde. Vorher ging ja alles an allen Browsern.
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 10:44
von Tommy Herrmann
Bootstrap:
https://www.mobirise-tutorials.com/Even ... ap.min.css
Am besten Du knallst Dir mal zum Testen da noch 'ne Bootstrap mit rein
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 10:52
von Werner-Zenk.de
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 10:54
von Tommy Herrmann
jetzt ist die Navi bei Dir auch unten
... ich muss jetzt leider los - für einige Stunden...
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 11:22
von Werner-Zenk.de
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.
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 13:57
von Tommy Herrmann
na der Eintrag "Wäsche waschen", am 07.01.2022, hat doch jede Menge Text.
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 15:06
von Werner-Zenk.de
Keinen "nur Fließtext" sondern mit Zeilenumbrüchen und etwas länger (100 Wörter)
dass hier
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.
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 15:17
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
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 15:22
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.
Re: Event-Kalender mit SQLite
Verfasst: Di 18. Jan 2022, 15:23
von Tommy Herrmann
... ich bin heute etwas "hin und her gerissen" - ich versuche es gleich zu testen ...