JavaScript Text nach img-Tag innerhalb von td finden

[Mr. Snoot]

Hio,

ich spiele gerade mit tablesorter um eine Tabelle per JS zu sortieren.

Das klappt soweit auch, allerdings gibt es Probleme beim Sortieren, wenn sich innerhalb der Zellen noch etwas anderes befindet als Text.

In meinem Fall sind das Grafiken: http://usbstick.halbleiter.org/test.php (Spalte Schreiben und Lesen). (Seite ohne Grafiken: http://usbstick.halbleiter.org/test2.php)


Allerdings gibt es eine Funktion um zusätzliche Tags innerhalb der Zelle zu filtern: http://tablesorter.com/docs/example-option-text-extraction.html


Das klappt bei mir aber nicht, egal was ich probiere. Evtl. weil das img-Tag den Text nicht umschließt (gibt ja kein </img>)? Oder vielleicht weil ich nicht in allen Zellen zusätzliche Tags benutze? Außer in der Lesen- und Schreiben-Spalte steht sonst ja nur Text.


Ich erhalte immer einen Fehler dieser Art:

​

Ich hab mir das ganze auch mal in Opera angeschaut, weil der ja eine komfortablere Fehlerkonsole hat, aber daraus werde ich auch nicht schlau.


In meinem Fall müsste es ja auch nur eine childNode sein!? Aber dann bekomme ich auch einen Fehler, der aber auf eine ganz andere Stelle verweist:

​

 

[Timmey92]

wie wärs mit code posten?

 

[Mr. Snoot]

Nö

Wollt ich gerade, habe jetzt aber efstgestellt, dass es tatsächlich an der unterschiedlichen Anzahl an Tags liegt. D.h. ich müsste überall gleich viele Tags - egal welche - in den Zellen haben.

Da das natürlich blöd ist, überleg ich mir was anderes.

 

[BerniG]

Kannst du nicht pro Zelle direkt mit php eine numerische Variable "sortorder" definieren und dann danach sortieren? Bzw. das Ganze über eine "unsichtbare" Spalte lösen in der eben diese Sortierwerte stehen. In PHP ist das Entfernen von HTML-Tags ja nicht sonderlich schwer...
Edit: Sehe grad, dass JQuery das so direkt nicht unterstützt...hmm. Naja du könntest auch am Anfang der Zellen vor dem imb-Tag einen (für den User per CSS) unsichtbaren Text stellen mit der Sortierreihenfolge in Form der MB/s.

 

[Mr. Snoot]

Ich hätte es jetzt mal auf zwei Spalten aufgeteilt. Eine Spalte mit den Grafiken, die man nicht sortieren kann, und eine Spalte mit den Werten, die man sortieren kann. Theoretisch sollte das Script auch mit colspan umgehen können, dann könnte ich die Kopfzeile der Grafiken und der Werte jeweils zusammenfassen, aber das scheint verbuggt zu sein.


Aber ich glaube fast, ich lass es so oder so sein Das Sortieren würde zwar den Server schonen und geht etwas flotter (und komfortabler, man kann mit gedrückter Shifttaste sogar nach mehreren Spalten sortieren), allerdings gefällt mir die bisherige Darstellung wesentlich besser mit den Lese- und Schreibwerten innerhalb einer Spalte. Da kann man die Werte irgendwie besser untereinander vergleichen.

Bisher: http://usbstick.halbleiter.org/
Neu: http://usbstick.halbleiter.org/test.php


Ansonsten läuft das tablesorter-Script aber echt gut - mal sehen, vielleicht kann ich das ja irgendwo anders mal brauchen

 

[BerniG]

Immerhin läuft die neue Seite wesentlich performanter im IE6 (ja ich weiß dass er veraltet ist ). Die alte ist kaum benutzbar/scrollbar (volle CPU-Auslastung und Bildaufbau in Zeitlupe). Firefox und Opera haben das Problem nicht.

 

[Mr. Snoot]

Ja, das hab ich auch schon festgestellt. Auch im IE7 und 8 ruckelts leicht.

Aber das kann ja eigentlich auch kaum an der Tabelle selbst liegen, oder?

Evtl. ist das das JS, womit man die Einzelergebnisse der Sticks [+] noch aufklappen kann. Das fehlt ja in der neueren Version noch.