Tim Tepaße: Klapptabelle

Beitrag lesen

Hallo,

Wie müsste ich den JavaScript-Code ändern, wenn die Zeilen nur beim Klick in den <th> geöffnet bzw. geschlossen werden sollen...

Guck Dir mal init() an:

function init () {
  if(document.getElementsByTagName) {
    var table = document.getElementsByTagName('table');
    var last = table[table.length-1];
    var groups = last.getElementsByTagName('tbody');

Da werden alle (impliziten) tbody-Elemente der letzten Tabelle in der Seite durchgegangen.

if(groups[0] && typeof(groups[0].className)!="undefined" && typeof(groups[0].innerHTML)!="undefined") {
      for (i=0; i<groups.length; i++ ) {
        groups[i].lines = groups[i].getElementsByTagName('tr');

Für jeden tbody werden alle Tabellenzeilen genommen.

groups[i].headl = groups[i].lines[0].getElementsByTagName('th')[0];

Von der ersten Zeile wird das erste th-Element genommen.

if(!groups[i].headl)
          groups[i].headl = groups[i].lines[0].getElementsByTagName('td')[0];

Hier wird geprüft, ob es (nicht) existiert. Wenn dieses erste th-Element nicht existiert, wird stattdessen das erste td-Element der ersten Zeile genommen. Das ist Dein Ansatzpunkt.

Tim