Seite 3 von 23

Re: Event-Kalender mit SQLite

Verfasst: Sa 8. Jan 2022, 11:34
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 ...

Re: Event-Kalender mit SQLite

Verfasst: Sa 8. Jan 2022, 14:08
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 ...

Re: Event-Kalender mit SQLite

Verfasst: So 9. Jan 2022, 06:58
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.

Re: Event-Kalender mit SQLite

Verfasst: So 9. Jan 2022, 08:30
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

Re: Event-Kalender mit SQLite

Verfasst: So 9. Jan 2022, 11:37
von Werner-Zenk.de
Die hattest du anscheinend nur nicht entdeckt :)

Re: Event-Kalender mit SQLite

Verfasst: So 9. Jan 2022, 15:06
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

Re: Event-Kalender mit SQLite

Verfasst: So 9. Jan 2022, 15:40
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 ;)

Re: Event-Kalender mit SQLite

Verfasst: So 9. Jan 2022, 15:42
von Tommy Herrmann
... aber der ist große Klasse :D

... und auch ein sehr gutes Beispiel für die definierte maximale Pop-up Breite.

Re: Event-Kalender mit SQLite

Verfasst: So 9. Jan 2022, 15:55
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.

Re: Event-Kalender mit SQLite

Verfasst: So 9. Jan 2022, 15:59
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.

Re: Event-Kalender mit SQLite

Verfasst: So 9. Jan 2022, 16:17
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).

Re: Event-Kalender mit SQLite

Verfasst: Mo 10. Jan 2022, 10:50
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.

Re: Event-Kalender mit SQLite

Verfasst: Mo 10. Jan 2022, 11:30
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:

Re: Event-Kalender mit SQLite

Verfasst: Mo 10. Jan 2022, 12:20
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

Re: Event-Kalender mit SQLite

Verfasst: Mo 10. Jan 2022, 12:25
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.

Re: Event-Kalender mit SQLite

Verfasst: Mo 10. Jan 2022, 12:36
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 :)

Re: Event-Kalender mit SQLite

Verfasst: Mo 10. Jan 2022, 12:47
von Tommy Herrmann
:tu: :cool:

Re: Event-Kalender mit SQLite

Verfasst: Di 11. Jan 2022, 10:13
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

Re: Event-Kalender mit SQLite

Verfasst: Di 11. Jan 2022, 10:32
von Tommy Herrmann
yack - mache es gleich :D

Re: Event-Kalender mit SQLite

Verfasst: Di 11. Jan 2022, 10:54
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]