Sniper_Kotaro

Hallo!

Ich bin momentan dabei etwas umzusetzen.
Und zwar geht es um eine Liste, die Checkboxen enthält.
Die Einträge der Liste sind hierarchisch geordnet.
Schaut hier, was ich meine:

So, jetzt geht es darum, dass wenn die PLZ (ganz oben) gecheckt ist, alle untergeordneten Datensätze auch angecheckt werden sollen, also Ort, Straße und (hier nicht mit Nummer zu sehen) Hausnummer.
Die Input-Tags all dieser unterschiedlichen Ebenen haben folgendes Namensschema (als name-attribut des Tags):
PLZ = PLZ
Ort = PLZ + Ort
Straße = PLZ + Ort + Straße
(Hausnummer ist hier für meine Zwecke nicht relevant)

Jede der Ebenen ruft auch eine eigene JS-Funktion auf, hier ein Beispiel:
Jetzt ist das Problem, dass natürlich der Code, der ausgeführt, hier noch nicht richtig ist.
Denn dieser Code würde besagen "Checke alles, was genau diese PLZ als Namen hat".
Er lässt natürlich beispielsweise die Ort-Ebene aus, weil diese nicht nur PLZ, sondern auch den Ort im name-Attribut hat.
Ich habe überlegt, ob man an dieser Stelle mit RegEx arbeiten könnte, dann aber leider festgestellt, dass document.getElementsByName keine RegEx unterstützt.

Hatte zufällig schonmal jemand von euch dieses Problem?
Oder eine gute Idee, wie ich dieses Problem gut in den Griff kriege?
Wie gesagt, RegEx funktionieren scheinbar LEIDER nicht (das hätte sicherlich vieles erleichtert )

__________________

Mister Ad

ChrisB

Wenn du das im HTML vernünftig strukturiert hast, dann sind die in Frage kommenden Checkboxen alle Nachfahrenelemente eines bestimmten Elements, bspw. einer untergeordneten UL.

Und getElementsBy(Tag)Name lassen sich nicht nur auf document-Ebene anwenden, sondern auch „auf“ einem bestimmten HTML-Elementknoten.

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

Sniper_Kotaro

Hm, ui ui ui... @ .@
Das Problem ist, dass diese Liste leider nicht mit ul/ol aufgebaut ist, sondern mit einem Framework über Javascript.
Von daher kann ich leider garnicht genau sagen, wie das an welchem Knoten hängt

__________________

ChrisB

Dann nimm dir einen DOM-Inspektor wie bspw. den von Firebug, und finde es heraus ...!

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

eagle275

andererseits musst du doch nur nach der Zeichenkette "suchen", die dem angehakten Feld entspricht

Kreuz bei PLZ -> markiere alles, was mit dieser PLZ beginnt

Kreuz bei Ort -> markiere alles, was mit dessen PLZ+ORT beginnt (laut deiner Angabe beginnen die ja so)
und so weiters ....

__________________
"Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

Sniper_Kotaro

@ChrisB: Ich werde mal nachschauen, ob ich damit was rausfinde.

@eagle: genau so ist es. Nur weiß ich nicht, wie ich danach "suchen" soll
Denn document.getElementBy.... funktioniert ja so, dass es den kompletten String will und sucht.
Ist der Suchstring nun z.B. "32051" (also die PLZ) würde er doch schon "32051Eikum" (siehe Screenshot oben) nicht mehr finden

__________________

eagle275

sicher - wenn du getElementby nimmst - aber du kannst doch die einzelnen Elemente auch per Hand durch traversieren - geh zum body-Element (getElementbyTagName) - dann kannst du es als HTML DOM HTMLElement Object behandeln - und das kennt dann die "üblichen" Methoden .. firstChild / nextSibling - darüber kannst du dann per Hand deinen Vergleich machen - natürlich nicht so performant - aber es geht...
http://www.w3schools.com/jsref/dom_obj_all.asp

__________________
"Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

ChrisB

Wozu denn ... einfach nicht getElementsByName verwenden, sondern getElementsByTagName.
Wenn außer Checkboxen noch andere Input-Elemente in dieser Stelle im Teilbaum hängen, dann muss man den Typ halt beim durchlaufen dieser Nodes noch mal extra betrachten.

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

eagle275

bleibt aber dabei, dass er den eigentlichen Vergleich auf den "Name" per Hand machen muss, weil getElementsbyTagName ihm nunmal alle <input-Elemente liefert .....

__________________
"Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

ChrisB

Bin nach wie vor der Ansicht, dass der Zugriff auf den Namen bei einer vernünftigen (DOM-)Struktur ersatzlos entfallen kann.

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?