Beiträge von Sempervivum

Zitat

eine möglchst effiziente Lösung zu finden, bei der Datenvolumen gespart wird und alles möglichst schnell angezeigt werden kann

Die beiden Lösungen haben gegensätzliche Eigenschaften:

Alles holen und clientseitig filtern:

Das erste Laden dauert länger aber die Umschaltung des Filters geht schnell. In jedem Fall wird das max. Datenvolumen übertragen.

Daten holen, je nachdem wie der Filter eingestellt ist:

Das erste Laden geht schneller aber es entsteht eine geringe Wartezeit, wenn der Filter umgeschaltet wird. Wird der Filter nicht umgeschaltet, ist das Datenvolumen geringer.

Ich würde es vom Datenvolumen abhängig machen:

Wenn relativ gering dann alles holen und clientseitig filtern.

Andernfalls nach Filtereinstellung holen.

Zitat

Ich müsste doch eigentlich dann den PHP-Code ändern, nun gibt er ja eben diese Selectliste raus

Ob das einfach oder kompliziert ist, hängt wesentlich davon ab, ob Du auf das PHP auf der einen Seite und die Auswertung auf der anderen Seite ohne weiteres Zugriff hast. Du schreibst ja, dass Du Joomla verwendest und dann ist es u. U. im CMS vergraben und Du bist auf CSS angewiesen.

Togglebutton wäre auch kein Problem, einfach einen Checkbutton mit Label und entspr. gestalten.

Wenn es nur zwei Optionen sind, könnte man daran denken, statt eines Select Radiobuttons mit Labels zu verwenden. Dann tut man sich mit der Gestaltung wesentlich leichter und ein benutzerdefinierter Haken wäre kein Problem.

Man muss dem Bild sowohl Breite als auch Höhe zuweisen, damit der Browser weiß, woran er es anpassen soll:

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

https://codepen.io/Sempervivum/pen/KKwrdGB?editors=1100

Zitat

Bei mir funktioniert das mit dem Text nicht

Text? Möglicher Weise ein Missverständnis, mein Hinweis mit object-fit bezog sich auf das Bild:

Zitat

Aber das andere soll schon so sein, dass das Bild dann nur als Ausschnitt gezeigt wird und je nachdem wie das Fenster gezogen wird mehr oder weniger sichtbar wird.

Das geht mit CSS und object-fit, siehe hier:

https://wiki.selfhtml.org/wiki/CSS/Eigen…eige/object-fit

Schön, dass es funktioniert. Aber noch eine Frage zum Verständnis: Bei meinem ersten Vorschlag mit Subquery bin ich davon ausgegangen, dass es eine 1-zu-1-Zuordnung zwischen Set-ID und Model-ID gibt. Inzwischen ist mir eingefallen, dass es ja U. U. mehrere Models am Set geben kann. Dann würde es mit Subquery nicht gehen sondern nur mit Join. Wie verhält es sich denn in deiner Konfiguration?

Edit: Würde auch dann mit Subquery gehen, wenn man ein IN verwendet.

PS: Oder auch mit einem Join:

https://dev.mysql.com/doc/refman/5.7…subqueries.html

Mit einer Subquery arbeiten?

https://dev.mysql.com/doc/refman/8.0/en/subqueries.html

Gleich das erste Beispiel, in der Subquery die model_id aus der ersten Tabelle holen.

Möglicher Weise wäre es besser zu verstehen, wenn Du auch die Struktur der beteiligten Tabellen posten würdest.

Das Problem lässt sich leicht lösen: Nachdem Du die Struktur in PHP JSON-kodiert hast, musst Du sie im Javascript auch wieder dekodieren. Entweder im success-Handler mit json.parse() oder indem Du statt $.ajax $.getJSON verwendest.

Hier noch dir URL für meine Validierung:

https://validator.w3.org/nu/?doc=https%…rs.de%2Ftest%2F

Stehe ratlos davor. Irgendwie scheint es so zu sein, als ob wir nicht die selbe Seite validieren lassen. Hast Du die URL ohne Dateiname genommen, wo wie ich?

Auf meinem S4 ist die Tabelle nach wie vor abgeschnitten.

Findest Du denn diese Style-Sektion in deiner Datei ab Zeile 40?

Da hast Du die Beschreibung von background-size nicht gründlich gelesen:

Zitat

auto, Voreinstellung übernimmt die Maße der Grafik, keine Skalierung

d. h. die Grafik wird in der Originalgröße angezeigt anstatt sich an das div anzupassen.

Was Du brauchst ist background-size: cover;

Ich bin kein SEO-Spezialist, aber ich habe da Mal gelesen, dass die Keywords in den Meta-Tags von Google weitgehend ignoriert werden. Macht ja auch Sinn, weil sie der Manipulation Tür und Tor öffnen. Versprich dir also nicht zu viel davon.

Ich habe ihm die Test-URL vorgelegt:

https://www.chariot-gospel-singers.de/test/

und bekomme einige Fehler, u. a. den für die Style-Definition:

Error: Element style not allowed as child of element article in this context. (Suppressing further errors from this subtree.)

From line 40, column 1; to line 40, column 23

↩</aside>↩<style type='text/css'>↩.hell

Hast Du vielleicht die CSS-Datei validieren lassen?

Zitat

Denke ich so falsch, wenn ich behaupte, mein Code ist OK?

Möglicher Weise ja, denn dein Code ist nicht valide: Da ist eine style-Definition mitten im HTML des body. Mir ist es zwar noch nie untergekommen, dass das ein Problem ist, aber in diesem Fall anscheinend doch: Lösche ich diese style-Sektion wird die Tabelle komplett angezeigt.

Also bei mir auf dem Samsung S4 tritt der Fehler offenbar auf: Die Tabelle ist hinter "Name 29" abgeschnitten. Das ist doch das Problem, das Du eingangs beschrieben hast, nicht wahr?

Die Höhe habe ich auch schon fest vergeben.

Was heißt das? Mit einer festen Größe wie 500px? Das könnte deine Probleme erklären.

Aber ohne den kompletten Code zu sehen ist das nur Rätselraten. Kannst Du diesen nicht posten mit Dummy-Texten statt der vertraulichen?