sortierbare tabelle mit karte «verbinden»

[aportmann]

hallo zusammen

ich stehe gerade vor einer aufgabe bei welcher mir ein schlauer ansatz fehlt, wie ich das mit contao am einfachsten lösen kann.
einerseits habe ich eine sortierbare tabelle und andererseits eine weltkarte. beim hover über eine bestimme tabellenzeile soll ein land auf der karte farbig hervorgehoben werden. selbe funktion sollte auch umgekehrt funktionieren, d.h. land wir gehovert, tabellenzeile soll hervorgehoben werden.

wo könnte ich da ansetzen?


besten dank und gruss

andi

[Thoni]

Nur so eine spontane Idee: Der Tabellenzeile und dem Bild des Landes die gleiche Klasse geben.
Beim mouseover die Zeile per CSS hervorheben und das Bild einblenden.
Vorher pauschal alle anderen 'ausblenden'.

Gesendet von meinem GT-I9505 mit Tapatalk

[manfred]

Ist nicht das Gleiche, aber ggf. gibt Dir das einen Ansatz.

http://www.pixelfreu.de/blog/details...nsprechen.html

gruß manfred

[aportmann]

danke für euren input. scheint nicht gerade unproblematisch. gerade wenn der redakteur dann einzelheiten in der tabelle noch bearbeiten können soll
irgendwie muss ich ja dann eine id pro zeile in der tabelle vergeben können, welche auch beim sortieren übernommen wird.


gruss andi

[soweit_ok]

... irgendwie muss ich ja dann eine id pro zeile in der tabelle vergeben können, welche auch beim sortieren übernommen wird.

Na ja, wahrscheinlich am elegantensten erscheint mir, die Elemente mit JS gezielt über DOM anzusprechen. Jedenfalls mache ich das so in diversen Szenarien, wie eventgetriebener dynamischer Umformatierung von Inhaltselementen, Spalten etc. in fluiden Layouts, die ohne jegliche statische Begrenzungen funktionieren, weil sie kein Grid benötigen. Für derart stark verzahnt voneinander abhängige Aufgaben braucht es zwar sehr komplexe Steuerprogramme, Deine relativ schlichte Anforderung, beim mouseover-Event über einem von jeweils zwei abhängigen Elementen beliebige Formatanweisungen zu verarbeiten, sollte aber recht einfach umzusetzen sein.

Allerdings müsste dafür tatsächlich jedem der betroffenen Elemente, soweit nicht bereits standardmäßig vorhanden, in der Vorverarbeitung eine ID zugewiesen werden, also bereits vor der Bildschirmausgabe, damit sie dann jederzeit separat über diese ID angesprochen werden können.

Wie Du die ID-Zuweisung hinkriegst, ist eine andere Frage, die sich nur anhand von Codeanalyse beantworten lässt. Falls nicht anders möglich, z. B. im Template, geht es mit großer Wahrscheinlichkeit zumindest auf Modulebene. Sollte sich keine bessere Lösung finden, wäre die nicht gegebene Updatesicherheit solcher Modulpatches bei leicht wieder auffindbarer Doku vielleicht eher akzeptabel, als die Anforderung ggf. garnicht oder nur total umständlich lösen zu können. Ansichtssache. Grundsätzlich musst Du zum Generieren der IDs jedenfalls eine Ausgabeschleife finden, wo Du das machen kannst. Das automatische Erzeugen eindeutiger IDs erledige ich meist mithilfe einem inneren Zufallsgenerator-Loop und anschließendem Check auf Eindeutigkeit bei jedem Durchlauf der äußeren Schleife. Eine derart große Range, die Doppler extrem unwahrscheinlich macht, wirkt sich inkl. Check und bei Bedarf erneutem Durchlauf nicht signifikant auf die Verarbeitungsdauer aus. Ob die ID-Zuweisung so klappt, wie sie soll, lässt sich wunderbar mit Firebug & Co. testen.

Wenn das also dann erfolgreich erledigt ist, kannst Du die Eventverarbeitung coden. Initial halt onload und dann jeweils immer bei mouseover eines Map- oder einer Tabellenzeile.

Das war´s. Vielleicht hilft´s. Ob Dir diese Lösungsvariante gefällt, weiß ich nicht. Jedenfalls würde sie auf jeden Fall bestens funktionieren.

[aportmann]

danke für die ausführliche antwort. wärst du allenfalls an einem kleinauftrag interessiert?

[soweit_ok]

Ja, das kann ich terminlich unterbringen und unterstütze Dich gern. Wenn Du willst, tauschen wir per PN unsere Kontaktdaten aus und können dann für eine Vorbesprechung telefonieren.

Gruß, Andreas