tag:forum.selfhtml.org,2005:/self Zeilennummer einer Tabelle abfragen – SELFHTML-Forum 2010-08-05T10:19:10Z https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462738#m1462738 Stefan 2010-08-01T22:37:02Z 2010-08-01T22:37:02Z Zeilennummer einer Tabelle abfragen <p>Hallo,</p> <p>ich sitze seit einer geschlagenen Stunde an einem Problem, bei dem ich anfangs von einer schnellen Lösung ausgegangen bin.</p> <p>Nehmen wir an, ich habe eine Tabelle mit 3 Zeilen und 2 Spalten und vergebe an die 2. Zeile eine ID:</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>wievielte_zeile_ist_das<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> </code></pre> <p>Anfangs vermutete ich, dass es mithilfe der ID ein leichtes ist die Zeilennummer ausgeben zu lassen, leider wurde ich eines besseren belehrt. Ich habe alle möglichen Konstellationen ausprobiert aber nichts hat das erwünschte Ergebnis (in diesem Fall 2) gebracht.</p> <p>Ist das was ich vorhabe überhaupt möglich? ... oder befinde ich mich auf dem Holzweg?</p> <p>Ich würde mich über jede Art von Hilfestellung freuen. Ich bin auch nicht Lesefaul, also wenn jemand einen Link oder ähnliches hat, der mir weiterhelfen könnte, dann immer her damit ;)</p> <p>gruß Stefan</p> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462753#m1462753 Beat http://www.elcappuccino.ch/ehome-factory/webdesign-basel-laufen 2010-08-01T22:53:04Z 2010-08-01T22:53:04Z Zeilennummer einer Tabelle abfragen <blockquote> <p>Anfangs vermutete ich, dass es mithilfe der ID ein leichtes ist die Zeilennummer ausgeben zu lassen, leider wurde ich eines besseren belehrt.</p> </blockquote> <p>No Way. getElementsById holt dir genau ein Object aus dem Dom ohne dir Information zum Umgebenden Kontext zu geben.</p> <blockquote> <p>Ich habe alle möglichen Konstellationen ausprobiert aber nichts hat das erwünschte Ergebnis (in diesem Fall 2) gebracht.</p> <p>Ist das was ich vorhabe überhaupt möglich? ... oder befinde ich mich auf dem Holzweg?</p> </blockquote> <p>Du musst durch die Collection der tr Elemente iterieren und fragen, ist im tr object für die aktuelle Zeile (den Wert des Iterators) eine id mit Namen so und so vorhanden?</p> <p>mfg Beat</p> <div class="signature">-- <br> ><o(((°>           ><o(((°><br>    <°)))o><                     ><o(((°>o<br> Der Valigator leibt diese Fische </div> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462752#m1462752 Shadowcrow ugg@2010.temporarily.de 2010-08-01T23:03:50Z 2010-08-01T23:03:50Z Zeilennummer einer Tabelle abfragen <p>'ǝɯɐu$ ıɥ</p> <p>Vlt. hilft dir <a href="http://forum.de.selfhtml.org/archiv/2003/1/t34409/#m187420" rel="nofollow noopener noreferrer">das</a>?</p> <p>ssnɹƃ<br> ʍopɐɥs</p> <div class="signature">-- <br> I like children. If they're properly cooked.<br> - W.C. Fields. </div> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462750#m1462750 Struppi struebig@gmx.net http://javascript.jstruebig.de 2010-08-01T23:09:40Z 2010-08-01T23:09:40Z Zeilennummer einer Tabelle abfragen <blockquote> <p>Anfangs vermutete ich, dass es mithilfe der ID ein leichtes ist die Zeilennummer ausgeben zu lassen, leider wurde ich eines besseren belehrt. Ich habe alle möglichen Konstellationen ausprobiert aber nichts hat das erwünschte Ergebnis (in diesem Fall 2) gebracht.</p> <p>Ist das was ich vorhabe überhaupt möglich? ... oder befinde ich mich auf dem Holzweg?</p> </blockquote> <p>Den Wert kannst so ermitteln: [zelle].parentNode.rowIndex</p> <p>Struppi.</p> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462739#m1462739 Kai345 kai345@knrs.de http://knrs.de 2010-08-02T00:12:45Z 2010-08-02T00:12:45Z Zeilennummer einer Tabelle abfragen <p>[latex]Mae  govannen![/latex]</p> <blockquote> <pre><code class="block language-html"></code></pre> </blockquote> <blockquote> <p><table><br>   <tr><br>     <td></td><br>     <td></td><br>   </tr><br>   <tr id="wievielte_zeile_ist_das"><br>     <td></td><br>     <td></td><br>   </tr><br>   <tr><br>     <td></td><br>     <td></td><br>   </tr><br> </table></p> </blockquote> <pre><code class="block"> > > Anfangs vermutete ich, dass es mithilfe der ID ein leichtes ist die Zeilennummer ausgeben zu lassen, leider wurde ich eines besseren belehrt. Ich habe alle möglichen Konstellationen ausprobiert aber nichts hat das erwünschte Ergebnis (in diesem Fall 2) gebracht. > > Ist das was ich vorhabe überhaupt möglich? ... oder befinde ich mich auf dem Holzweg? vermutlich (Ich habe in Sachen Javascript mit Tabellen nicht so viel gemacht; daher kann es eine einfachere Lösung geben) das Element holen, dann in einer Schleife per parentNode und Vergleich von nodeName bis zum Table-Element hochhangeln (ich würde mich hier nicht auf das augenscheinlich richtige `document.getElementById("wievielte_zeile_ist_das").parentNode`{:.language-javascript} verlassen, auch wenn das table-Element direkter Vorfahre zu sein scheint, manchmal wird implizit ein tbody eingefügt) Dann die Tabellenzeilen  (.rows) durchiterieren und jeweils vergleichen also quasi so: ~~~javascript var row = document.getElementById("wievielte_zeile_ist_das"); if (row) {     var el = row.parentNode;     // Test auf document.body verhindert Endlosschleife, wenn table nicht gefunden wird     while (el.nodeName.toLowerCase() !== 'table' && el !== document.body) {         el = el.parentNode;     }     if (el.nodeName.toLowerCase() === 'table') {         var rows = el.rows;         for (var i = 0, l = rows.length; i < l; i += 1) {             if (rows[i] === row) {                 alert("Es ist die " + (i+1) + ". Tabellenzeile");                 break;             }         }     } } </code></pre> <p>Das sollte eigentlich auch bei etwas älteren Browsern funktionieren. In IE 5.5 + IE 6 standalone funktioniert es jedenfalls.</p> <p>Cü,</p> <p>Kai</p> <div class="signature">-- <br> Dank Hixies Idiotenbande geschieht grade eben wieder ein Umdenken in Richtung "Mess up the Web". (<a href="https://forum.selfhtml.org/?t=197497&m=1324775" rel="noopener noreferrer">suit</a>)<br> <a href="http://selfhtml.knrs.de/#h_stylesheet" rel="nofollow noopener noreferrer">Foren-Stylesheet</a> <a href="http://knrs.de/" rel="nofollow noopener noreferrer">Site</a> <a href="http://selfhtml.knrs.de/" rel="nofollow noopener noreferrer">Selfzeug</a> <a href="http://js.knrs.de/lookup/" rel="nofollow noopener noreferrer">JS-Lookup</a><br> SelfCode: sh:( fo:| ch:? rl:( br:< n4:( ie:{ mo:| va:) js:| de:> zu:) fl:( ss:| ls:? </div> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462749#m1462749 Kai345 kai345@knrs.de http://knrs.de 2010-08-02T00:13:55Z 2010-08-02T00:13:55Z Zeilennummer einer Tabelle abfragen <p>[latex]Mae  govannen![/latex]</p> <p>Ok, vergiß es. rowIndex kannte ich nicht.</p> <p>Cü,</p> <p>Kai</p> <div class="signature">-- <br> Dank Hixies Idiotenbande geschieht grade eben wieder ein Umdenken in Richtung "Mess up the Web". (<a href="https://forum.selfhtml.org/?t=197497&m=1324775" rel="noopener noreferrer">suit</a>)<br> <a href="http://selfhtml.knrs.de/#h_stylesheet" rel="nofollow noopener noreferrer">Foren-Stylesheet</a> <a href="http://knrs.de/" rel="nofollow noopener noreferrer">Site</a> <a href="http://selfhtml.knrs.de/" rel="nofollow noopener noreferrer">Selfzeug</a> <a href="http://js.knrs.de/lookup/" rel="nofollow noopener noreferrer">JS-Lookup</a><br> SelfCode: sh:( fo:| ch:? rl:( br:< n4:( ie:{ mo:| va:) js:| de:> zu:) fl:( ss:| ls:? </div> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462740#m1462740 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de/ 2010-08-02T07:29:05Z 2010-08-02T07:29:05Z Zeilennummer einer Tabelle abfragen <p>@@Kai345:</p> <p>nuqneH</p> <blockquote> <p>vermutlich (Ich habe in Sachen Javascript mit Tabellen nicht so viel gemacht; daher kann es eine einfachere Lösung geben) das Element holen, dann in einer Schleife per parentNode und Vergleich von nodeName</p> </blockquote> <p>Performanter dürfte sein (besonders, wenn die Ermittlung der Zeilennummer mehrmals erfolgt), initial in einer Schleife die 'tr' duchnumerieren (speichern in einer Eigenschaft des jeweiligen Elementobjekts), dann kann man sie bei Bedarf einfach abrufen.</p> <p>Aber wie schon gesagt wurde, solch eine Eigenschaft gibt es bereits.</p> <blockquote> <p>bis zum Table-Element hochhangeln (ich würde mich hier nicht auf das augenscheinlich richtige<br> <code class="language-javascript">document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"wievielte_zeile_ist_das"</span><span class="token punctuation">)</span><span class="token punctuation">.</span>parentNode</code><br> verlassen, auch wenn das table-Element direkter Vorfahre zu sein scheint, manchmal wird implizit ein tbody eingefügt)</p> </blockquote> <p>„Manchmal“ heißt bei _jedem_ Tagsoup-Parser (also bei HTML und XHTML als 'text/html').</p> <p>Und man muss nicht bis zum 'table'-Element hoch, denn wenn 'tbody' vorhanden ist, sind ja die 'tr' dessen Geschwisterkinder.</p> <p>Qapla'</p> <div class="signature">-- <br> Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.<br> (Mark Twain) </div> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462747#m1462747 Kai345 kai345@knrs.de http://knrs.de 2010-08-02T12:32:49Z 2010-08-02T12:32:49Z Zeilennummer einer Tabelle abfragen <p>[latex]Mae  govannen![/latex]</p> <blockquote> <blockquote> <p>verlassen, auch wenn das table-Element direkter Vorfahre zu sein scheint, manchmal wird implizit ein tbody eingefügt)</p> </blockquote> <p>„Manchmal“ heißt bei _jedem_ Tagsoup-Parser (also bei HTML und XHTML als 'text/html').</p> </blockquote> <p>Jo. Deshalb stellte ich auch beim Test in verschiedenen Browsern unterschiedliches Verhalten fest und habe daraufhin die while-Schleife genommen, da ich die Tabelle und den Code kurzerhand lokal in meine Site eingebaut habe, und diese wird hier für richtige Browser als application/xhtml+xml ausgeliefert.</p> <blockquote> <p>Und man muss nicht bis zum 'table'-Element hoch, denn wenn 'tbody' vorhanden ist, sind ja die 'tr' dessen Geschwisterkinder.</p> </blockquote> <p>Geschwister? Hätte ich jetzt nicht angenommen. Ich bin davon ausgegangen, daß der Browser die Struktur auf</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tbody</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tbody</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> </code></pre> <p>erweitert. Aber es ist mir noch viel zu früh, um das jetzt nachzurecherchieren/-testen, bin noch nicht richtig wach. Kaffee muß erst seine Wirkung entfalten :)</p> <p>Cü,</p> <p>Kai</p> <div class="signature">-- <br> Dank Hixies Idiotenbande geschieht grade eben wieder ein Umdenken in Richtung "Mess up the Web". (<a href="https://forum.selfhtml.org/?t=197497&m=1324775" rel="noopener noreferrer">suit</a>)<br> <a href="http://selfhtml.knrs.de/#h_stylesheet" rel="nofollow noopener noreferrer">Foren-Stylesheet</a> <a href="http://knrs.de/" rel="nofollow noopener noreferrer">Site</a> <a href="http://selfhtml.knrs.de/" rel="nofollow noopener noreferrer">Selfzeug</a> <a href="http://js.knrs.de/lookup/" rel="nofollow noopener noreferrer">JS-Lookup</a><br> SelfCode: sh:( fo:| ch:? rl:( br:< n4:( ie:{ mo:| va:) js:| de:> zu:) fl:( ss:| ls:? </div> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462741#m1462741 Matti Maekitalo matti@fanalin.de http://www.fanalin.de 2010-08-02T20:28:24Z 2010-08-02T20:28:24Z Zeilennummer einer Tabelle abfragen <p>Tach auch.</p> <blockquote> <p>Und man muss nicht bis zum 'table'-Element hoch, denn wenn 'tbody' vorhanden ist, sind ja die 'tr' dessen Geschwisterkinder.</p> </blockquote> <p>Naja, weder muss das aktuelle tbody-Element das einzige sein, noch muss ein thead-Element fehlen. Bei der Frage, die wievielte Zeile ein tr-Element nun ist, sollte daher zunächst einmal klar stellen, ob sich der das "wievielte" auf den aktuellen tbody oder auf die komplette sichtbare Tabelle bezieht.</p> <p>Habe gerade nix zum ausprobieren, aber ich würde mich zB nicht direkt drauf verlassen, dass rowIndex aktualisiert wird, wenn ich eine "vorherige" Zeile mittels display:none ausblende.</p> <p>Bis die Tage,<br> Matti</p> <div class="signature">-- <br> <a href="http://tntnet.org/" rel="nofollow noopener noreferrer">Webapplikationen in C++ entwickeln</a> </div> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462742#m1462742 ChrisB 2010-08-02T21:11:39Z 2010-08-02T21:11:39Z Zeilennummer einer Tabelle abfragen <p>Hi,</p> <blockquote> <p>Bei der Frage, die wievielte Zeile ein tr-Element nun ist, sollte daher zunächst einmal klar stellen, ob sich der das "wievielte" auf den aktuellen tbody oder auf die komplette sichtbare Tabelle bezieht.</p> </blockquote> <p><a href="https://forum.selfhtml.org/?t=199477&m=1342362" rel="noopener noreferrer">Das ist doch eindeutig definiert.</a></p> <blockquote> <p>Habe gerade nix zum ausprobieren, aber ich würde mich zB nicht direkt drauf verlassen, dass rowIndex aktualisiert wird, wenn ich eine "vorherige" Zeile mittels display:none ausblende.</p> </blockquote> <p>Lässt sich mittels <a href="http://de.selfhtml.org/html/tabellen/anzeige/table_tr_th_td.htm" rel="nofollow noopener noreferrer">eines SELFHTML-Anzeigebeispiels</a> und Firebug doch ganz fix überprüfen: Nein, der rowIndex ändert sich nicht, wenn ein davor liegendes TR per display:none versteckt wurde.<br> Der ändert sich erst, wenn es wirklich aus dem DOM entfernt wird (removeChild o.ä.)</p> <p>MfG ChrisB</p> <div class="signature">-- <br> RGB is totally confusing - I mean, at least #C0FFEE should be brown, right? </div> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462743#m1462743 Matti Maekitalo matti@fanalin.de http://www.fanalin.de 2010-08-03T08:14:30Z 2010-08-03T08:14:30Z Zeilennummer einer Tabelle abfragen <p>Tach auch.</p> <blockquote> <blockquote> <p>Bei der Frage, die wievielte Zeile ein tr-Element nun ist, sollte daher zunächst einmal klar stellen, ob sich der das "wievielte" auf den aktuellen tbody oder auf die komplette sichtbare Tabelle bezieht.</p> </blockquote> <p><a href="https://forum.selfhtml.org/?t=199477&m=1342362" rel="noopener noreferrer">Das ist doch eindeutig definiert.</a></p> </blockquote> <p>Ich meinte auch nicht die technische Definition von "rowIndex = Zeilennummer", sondern die fachliche. Wie du selbst feststellst (Bsp ausgeblendete Zeilen), ist der rowIndex eben nicht der Index der angezeigten Zeilen. Insofern hilft auch der Hinweis "rowIndex" nicht weiter, wenn dem TE nicht klar ist, was er will.</p> <p>Bis die Tage,<br> Matti</p> <div class="signature">-- <br> <a href="http://tntnet.org/" rel="nofollow noopener noreferrer">Webapplikationen in C++ entwickeln</a> </div> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462744#m1462744 ChrisB 2010-08-03T16:58:08Z 2010-08-03T16:58:08Z Zeilennummer einer Tabelle abfragen <p>Hi,</p> <blockquote> <p>Ich meinte auch nicht die technische Definition von "rowIndex = Zeilennummer", sondern die fachliche. Wie du selbst feststellst (Bsp ausgeblendete Zeilen), ist der rowIndex eben nicht der Index der angezeigten Zeilen.</p> </blockquote> <p>Nein, sondern der tatsächlich vorhandenen Zeilen - das ist doch aber auch recht logisch, da wir uns hier schließlich im DOM bewegen.</p> <p>MfG ChrisB</p> <div class="signature">-- <br> RGB is totally confusing - I mean, at least #C0FFEE should be brown, right? </div> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462745#m1462745 Matti Maekitalo matti@fanalin.de http://www.fanalin.de 2010-08-04T10:32:24Z 2010-08-04T10:32:24Z Zeilennummer einer Tabelle abfragen <p>Tach auch.</p> <blockquote> <blockquote> <p>Ich meinte auch nicht die technische Definition von "rowIndex = Zeilennummer", sondern die fachliche. Wie du selbst feststellst (Bsp ausgeblendete Zeilen), ist der rowIndex eben nicht der Index der angezeigten Zeilen.</p> </blockquote> <p>Nein, sondern der tatsächlich vorhandenen Zeilen - das ist doch aber auch recht logisch, da wir uns hier schließlich im DOM bewegen.</p> </blockquote> <p>Und um den Diskussionszweig abschließen zu können:<br> a) ist mir das klar (bzw. habe ich erwartet, in meinem ersten posting habe ich es nicht sicher gewusst, was ich auch schrieb) und<br> b) trifft es das, was ich gesagt habe.</p> <p>Der OP soll sich klar werden, was er will. rowIndex _kann_ unter bestimmten Umständen ungefähr das sein, was er sucht. Unter anderen Umständen ist es dies nicht.</p> <p>Da wir aber nicht die Umstände kennen, ist ein stures Festhalten an "rowIndex ~= Zeilennummer" nicht korrekt.<br> Nicht anderes schrieb ich.</p> <p>Bis die Tage,<br> Matti</p> <div class="signature">-- <br> <a href="http://tntnet.org/" rel="nofollow noopener noreferrer">Webapplikationen in C++ entwickeln</a> </div> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462746#m1462746 Struppi struebig@gmx.net http://javascript.jstruebig.de 2010-08-05T10:19:10Z 2010-08-05T10:19:10Z Zeilennummer einer Tabelle abfragen <blockquote> <p>Der OP soll sich klar werden, was er will. rowIndex _kann_ unter bestimmten Umständen ungefähr das sein, was er sucht. Unter anderen Umständen ist es dies nicht.</p> </blockquote> <p>Naja, das scheint ja schon <a href="https://forum.selfhtml.org/?t=199477&m=1342317" rel="noopener noreferrer">längst</a> geklärt zu sein</p> <blockquote> <p>Da wir aber nicht die Umstände kennen, ist ein stures Festhalten an "rowIndex ~= Zeilennummer" nicht korrekt.</p> </blockquote> <p>Bis jetzt war es ein Vorschlag, von mehreren. Inwiefern siehst du hier ein stures festhalten?</p> <p>Struppi.</p> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462748#m1462748 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de/ 2010-08-02T13:12:24Z 2010-08-02T13:12:24Z Zeilennummer einer Tabelle abfragen <p>@@Kai345:</p> <p>nuqneH</p> <blockquote> <blockquote> <p>Und man muss nicht bis zum 'table'-Element hoch, denn wenn 'tbody' vorhanden ist, sind ja die 'tr' dessen Geschwisterkinder.</p> </blockquote> <p>Geschwister? Hätte ich jetzt nicht angenommen. Ich bin davon ausgegangen, daß der Browser die Struktur auf</p> <pre><code class="block language-html"></code></pre> </blockquote> <p><table></p> <blockquote> <p><tbody><br>         <tr></tr><br>         <tr></tr><br>     </tbody><br> </table></p> </blockquote> <pre><code class="block"> > > erweitert. Ja. (1) Die 'tr' sind Geschwister. (2) Die 'tr' sind Kinder von 'tbody'. Sagte ich doch. > […] bin noch nicht richtig wach. Kaffee muß erst seine Wirkung entfalten :) Gönn dir noch einen! ;-) Qapla' -- Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher. (Mark Twain) </code></pre> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462751#m1462751 Struppi struebig@gmx.net http://javascript.jstruebig.de 2010-08-01T23:11:04Z 2010-08-01T23:11:04Z Zeilennummer einer Tabelle abfragen <blockquote> <p>Den Wert kannst so ermitteln: [zelle].parentNode.rowIndex</p> </blockquote> <p>Ach und hier noch der Link: <a href="http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#tr" rel="nofollow noopener noreferrer">http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#tr</a><br> Struppi.</p> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462754#m1462754 Stefan 2010-08-01T23:19:37Z 2010-08-01T23:19:37Z Zeilennummer einer Tabelle abfragen <p>Sooo... ich habe nun eine Lösung für mein Problem gefunden! Nachdem ich einge Zeit im DOM-Inspector gesucht habe, ist mir die Variable rowIndex aufgefallen.</p> <p>Für alle die dasselbe Problem wie ich haben sollten, nochmal die komplette Problemlösung:</p> <p>HTML:</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>wievielte_zeile_ist_das<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> </code></pre> <p>JAVASCRIPT:</p> <pre><code class="block language-javascript"> <span class="token keyword">var</span> zeile <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"wievielte_zeile_ist_das"</span><span class="token punctuation">)</span><span class="token punctuation">.</span>rowIndex<span class="token operator">+</span><span class="token number">1</span><span class="token punctuation">;</span> <span class="token function">alert</span><span class="token punctuation">(</span>zeile<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// Ausgabe: 2 </span> </code></pre> <p>Ich weiß nicht in wiefern die Variable rowIndex in den gängigen Browsern verfügbar ist aber im IE8 und Firefox 3 funktioniert diese Lösung!</p> <p>Danke nochmal an alle, die mir zu der späten Stunde noch geholfen haben. Ich wünsche euch noch einen schönen Abend ;)</p> <p>gruß Stefan</p> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462756#m1462756 Struppi struebig@gmx.net http://javascript.jstruebig.de 2010-08-01T23:32:26Z 2010-08-01T23:32:26Z Zeilennummer einer Tabelle abfragen <blockquote> <p>Sooo... ich habe nun eine Lösung für mein Problem gefunden! Nachdem ich einge Zeit im DOM-Inspector gesucht habe, ist mir die Variable rowIndex aufgefallen.</p> </blockquote> <p>Stimmt, du hast ja schon das TR Element, ich dachte du geht von einer Zelle aus.</p> <p>Diese haben übrigens die Eigenschaft cellIndex, mit der man die Spalte ermitteln kann.</p> <p>Das können alle gängigen Browser - sogar der IE 6</p> <p>Struppi.</p> https://forum.selfhtml.org/self/2010/aug/2/zeilennummer-einer-tabelle-abfragen/1462755#m1462755 ChrisB 2010-08-02T10:29:19Z 2010-08-02T10:29:19Z Zeilennummer einer Tabelle abfragen <p>Hi,</p> <blockquote> <p>Sooo... ich habe nun eine Lösung für mein Problem gefunden! Nachdem ich einge Zeit im DOM-Inspector gesucht habe, ist mir die Variable rowIndex aufgefallen.</p> </blockquote> <blockquote> <p>Ich weiß nicht in wiefern die Variable rowIndex in den gängigen Browsern verfügbar ist aber im IE8 und Firefox 3 funktioniert diese Lösung!</p> </blockquote> <p>Diese Eigenschaft ist bereits in <a href="http://www.w3.org/TR/1998/REC-DOM-Level-1-19981001/level-one-html.html#ID-6986576" rel="nofollow noopener noreferrer">DOM Level 1</a> definiert worden - sollten also alle irgendwie relevanten Browser unterstützen.</p> <p>MfG ChrisB</p> <div class="signature">-- <br> RGB is totally confusing - I mean, at least #C0FFEE should be brown, right? </div>