Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hi,
ich hab mal eine Frage gibt es ein Plugin das soetwas realisieren kann?
http://www.sportwette.net/wettanbieter-vergleich
Man sieht dort dieses Formular was wohl aus einer Tabelle die Ergebnisse filtert. Meine Frage läuft sowas statisch? Sprich die Tabelle ist irgendwo fest eingetragen und durch Filter wird Sie geändert. Oder wird hier auf eine Datenbank zugegriffen und dann gefiltert.
Würde gerne das Prinzip verstehen. Oder es kann mir einer sagen was ich benötige um soetwas zu realisieren.
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Erstmal brauchst du für das Setzen der Filter 'Conditional Logic' (edit: nicht unbedingt, aber es ist ein gutes Stichwort). Man könnte zwar die Tabelle vorhalten und dann alles ausblenden, was nicht zu den Filtern paßt, aber das wäre in meinen Augen wenig sinnvoll und nicht performant. Also greift man aus der 'Tabelle' bzw. Datenbank alle Einträge raus, die zu den Filtern passen und zeigt diese dynamisch an. Keine Ahnung ob es gerade für diesen Zweck ein fertiges Plugin gibt.
Du kannst so etwas mit WordPress im Rahmen eines Custom Post Types realisieren. Der bedient sich den gleichen Eigenschaften (Taxonomie) wie ein normaler Beitrag und wird ggf. um eigene Taxonomien erweitert. Das, was Du als "Kategorie" in WordPress kennst, lässt sich für so ziemlich alles missbrauchen. ;) Auf diese Weise hast Du dann die Möglichkeit, alle benötigten Eigenschaften eines "Posts" zu definieren. Der Vorteil einer "Kategorie" ist dabei, dass man sie immer wieder verwenden kann (im Vergleich zu benutzerdefinierten Feldern).
Die technische Umsetzung im Frontend kann auf unterschiedliche Weisen erfolgen.
In der von Dir verlinkten Seite reicht ein kurzer Blick in den Quelltext, um zu erkennen, dass hier mit jQuery gearbeitet wird (also reine JavaScript-Lösung). Dazu bekommen die Tabellenzeilen (tr) die Filter-Daten als Attribute:
data-live="1" data-mobile="1" data-no-tax="1" data-chat="1" data-phone="1" data-email="1" data-german="1" data-paypal="0" data-no-fee="1" data-bonus="150" data-ueberdurschnittlichequoten="0" data-kostenlosevideolivestreams="0" data-lizenzschleswigholstein="0"Das kleine JavaScript findest Du irgendwo nach den unsäglichen Inline-Styles - die Logik ist recht einfach gehalten und funktioniert nach dem Ausschlussprinzip. Wenn ein Filter ausgewählt wird, werden die Elemente ausgeblendet, dessen data-Attribut nicht erfüllt.
Fertig.
PS: Praktisch könntest Du die Tabelle als reinen HTML-Code in eine Seite einpflegen mitsamt dem JavaScript - aber solche Dirty-Lösungen mag ich nicht. ;)
Hey super Antwort.
Benutze das Taxonomie-Plugin schon für einige Webseiten. Damit köntne man solch eine Tabelle mit etwas Aufwand realisieren. Man müsste dann die CSS-Datei die die Posts darstellt anpassen, damit diese als "Tabelle" angeigt werden.
Danke für den Tipp :)
puhh da ich nicht so ein coding profi bin ..bitte ich dich vielleicht um ein kleines beispiel..verstehe ich noch nicht ganz..wie bekomme ich sagen wir mal ich mache mir ein formular wo ich diverse sachen anklicken kann und diese dann aus der tabelle herausgefiltert werden. woher weiss die tabelle das es der haken oder ein anderer gesetzt wurde.
Weil Du es programmierst. Logik halt... ;) Den Rest habe ich oben erklärt.
Man kann nahezu jedem beliebigen HTML-Element ein data-Attribut vergeben. Diese lassen sich mittels jQuery einfach und komfortabel auslesen und verarbeiten.
Das Skript aus Deinem Beispiel überprüft das Auswählen einer Checkbox im Formular und vergleicht den assoziierten Wert (1) mit dem Wert aus dem data-Attribut. Trifft dies zu, wird eine CSS-Klasse an das Element (in dem Fall eine Tabellenzeile (<tr>) angehängt. Trifft es nicht zu, wird die Klasse entfernt. Auf diese Weise werden die Einträge dann angezeigt oder eben nicht.
Kann man bei so kleineren Listen machen. Wenn sie umfangreicher werden, sollte man die Unmengen an Informationen nicht alle auf einmal laden. Dann kommst der asynchrone Datenabgleich zum Tragen (AJAX) und nur die relevanten Daten werden aus der Datenbank (oder einer anderen Datenquelle) geladen. Sowas findet sich dann bei modernen Vergleichsportalen...
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!