Auswahl Filter und Gestaltung/ Styling

[thannhäuser]

Habt ihr schon einmal die Filter-Buttons optisch verbessert?

Ich möchte das Aussehen der Standard-Buttons der Auswahl-Filter verbessern. Dazu gibt's z.B. die jquery-Plugins "sumoselect" , "selectOrDie", usw..
Beide lassen sich prima einbauen – nur, sie funktionieren nicht.

Bei HTML-Prüfung zeigt sich, dass beide Plugins gleich funktionieren: sie ummanteln das original mm-Select. Per Plugin-css wird dann das original mm <select> ausgeblendet: .sod_select select { display: none !important; } und das Plugin soll wohl die mm-Select-Funktion übernehmen.

Das HTML-Gerüst für einen Filter sieht bei mir ansatzweise so aus:

<div class="widget mm_select jahr (...) original MM
<div class="sod_select (...) = SelectOrDie-Plugin
<select id="ctrl_jahr" class="select" (...) original MM
<option value="1996"> (...) original MM


Im jQ-Script, das im Seitenlayout eingebunden wird, heißt es lapidar:
<script> $('select').selectOrDie(); </script>

Damit und mit dem Plugin-css sieht der Filter Button gut aus, nur beim auswählen tut sich nichts, Datensätze werden nicht gefiltert.
Frage an die Gemeinde, wo kann ich ansetzen um mit dem Plugin an die mm-Filterfunktion heranzukommen?
Gruß
Hans

[zonky]

a) eigener Button "tu was"

b) onchange-Event


(hat aber mit MM nix zu schaffen)

[thannhäuser]

Vielen Dank für die (schnelle) Antwort! onchange muss ich mir einmal ansehen, ob ich damit klar komme.
Gruß Hans

[thannhäuser]

Oh, dann bin ich im falschen Themenkreis. Entschuldigung.
Dass aber mein Themenkreis nicht ganz vergeblich ist, noch eine Verständnisfrage:
kann es sein, dass man mit MM auch Auswahl-Filter über Li-Elemente bauen kann?
Vielen Dank für eine Antwort.
Gruß Hans

[zonky]

"anything goes"

[thannhäuser]

Schön! Vielleicht doch noch ein kleines Schlagwort aus der MM-Terminologie als Anhaltspunkt zur Vorgehensweise für MM-Novizen??

[zonky]

da gibt es verschiedene Möglichkeiten... guck doch mal bei Sumo - die machen aus dem select doch auch ein ul (ohne MM-Bastelei)

Nachtrag: die "saubere MM-Variante" wäre wahrscheinlich ein eigenes Widget

[typo]

Man kann das Template mm_filteritem_linklist.html5 verwenden, das erzeugt dir aus den Filter-Optionen eine ul-li. Einfach mal ausprobieren, vllt. genügt das ja schon

[thannhäuser]

Du meinst sumo.de? Das taugt nix! Da kann ich gleich Isotope.js nehmen. Damit aber der Auftraggeber seine Datensätze selbst bequem eingeben kann, muss das eine MM-Lösung sein. Darauf bezog sich meine Frage mit der Bitte um einen kleinen Hinweis. Wenn ein Datensatz aus 5, 6 Kategorien besteht, wäre die Eingabe auch über das Contao-Listen-Modul eine knifflige Prozedur.
Gruß Hans

[zonky]

meinte sumoselect http://hemantnegi.github.io/jquery.s...lect_demo.html

... und denk drann: isotope.js ist keine Freeware!

[thannhäuser]

Vielen Dank typo! Deine Unterstützung habe ich jetzt ganz übersehen! Muss ich gleich auspropieren.

[thannhäuser]

zu #7:
Das habe ich schon bemerkt, dass sumoselect ein select in eine ul/li umwandelt. Da das aber bei mir nicht funktioniert, deshalb ja meine Eingangsfrage!
Ich habe nämlich geglaubt, dass das aus einem MM-spezifischen Grund nicht funktioniert.
Gruß Hans

[zonky]

Ich habe nämlich geglaubt, dass das aus einem MM-spezifischen Grund nicht funktioniert.

MM wirft per se erstmal reines HTML aus... ggf. liegt es eher am Zusammenspiel oder "nicht-Zusammenspiel" mit Moo

[thannhäuser]

Danke für den Hinweis. Ich vermute keine Kollision zw. HTML-Select und jQuery-Plugin, da bei mir Mootools im Seitenlayout nicht aktiviert ist.

[thannhäuser]

Ich hab's! Das Plugin selectOrDie.js verträgt sich nicht mit der neuen 2.1er jquery-Version. ein 1.11er Version funktioniert. Interessanterweise gilt das auch für SumoSelect.js.
Gruß Hans

Korrektur. Für die, die es interessieren sollte: Version 2.0 funktioniert genauso wie 1.8 oder 1.9. Allerdings darf ich im Seitenlayout im CDN keine 3. Stelle angeben; Beispiel 1.8.3 oder 2.0.0 . Warum das so ist, keine Ahnung.

[zonky]

tja... dann ist alles Andere aus dem Reich der Vermutungen... ggf. steht was in der JS-Konsole (Firebug & Co.)