Die Eigenschaft doCloseAll kann z.b. so gesetzt werden:

function setEvents(klapptabelle) {
klapptabelle.doCloseAll = true;
};


ich bins noch mal. Ich hab die Tabelle noch ein wenig verändert. Jetzt klappt sie zwar, aber die aktive Zeile wird nicht andersfarbig dargestellt. Wie kann ich doallclose einbinden?

sorry - das mit dem Code war mir nicht bekannt.

In der Beispielseite kann ich nur die Tabelle sehen. Das Klappen funktioniert da gar nicht. Hier der Link dazu: http://beispiel.tm-erlebniskochen.de/

ich hab den code eingebunden und die versteckten Zeilen lassen sich auch durch Klick auf den Button ein-/ausblenden. Allerdings wird die aktive Zeile nicht andersfarbig unterlegt und auch die zusätzliche Klasse open, mit der ich eine Zeile beim Öffnen aufklappen möchte, funktioniert nicht.
Was ist da nicht richtig?

Mein Code sieht so aus:

Bitte, lade hier nicht den ganzen HTML Code ab, dafür ist die Kommentarfunktion von Wordpress nicht geeignet. Wenn du eine Frage/Problem hast, dann verlinke zu einer Beispielseite, damit ich mir das ansehen und ausprobieren kann.

Danke!

Struppi

Ich bins nochmal: Wer lesen kann ist im Vorteil
Kommentar 25 befolgen und schon gehts auch im IE8 mit mehreren Tabellen:


if (!Array.prototype.forEach ) {
Array.prototype.forEach = function(fun )
{
var len = this.length;
if (typeof fun != "function")throw new TypeError();
var thisp = arguments[1];
for (var i = 0; i < len; i++) if (i in this) fun.call(thisp, this[i], i, this);
};
}


Habe 2 und mehr getrennte Tabellen auf einer Seite, die über das Skript gesteuert werden sollen. Funktioniert im FF auch einwandfrei, der IE8 macht aber nur die erste Tabelle "klappbar". Jede weitere Tabelle ist geöffnet - ohne Steuermöglichkeit und ohne Grafiken.
Gibts da ein Workaround oder eine Möglichkeit, mehrere Instanzen der Tabellen zu öffnen (z.B. KlappTabelle1.init();, KlappTabelle2.init();)?

Danke für das tolle Skript und beste Grüsse.

Die letzte Zeile meiner Tabelle hat keinen versteckten Inhalt, ich schliesse also die Tabelle mit einem (tr class='main')(/tr) ab.

(table class='Klapptabelle')
(colgroup)
(col width='15%' ...
...
(/colgroup)
(tr)
(th scope='col') Titelzeugs ... (/th)
...
(/tr)
(tr class='main')
(td) ...
... (/td)
(/tr)
(tr class='main')
(td) ...
... (/td)
(/tr)
(/table)

Dennoch offeriert die letzte Zeile der Tabelle im Browser (IE, FF, Safari) die Möglichkeit aufzuklappen - worauf allerdings (und richtigerweise) nichts aufklappt.

Danke...

Das Skript ist extra so geschrieben worden, damit möglichst wenig direkt im HTML Code eingefügt werden muss. Daher werden die Elemente erst dynamisch vom Skript eingefügt.

Um dies mit einem bereits vorhandenes Element umzusetzen, müßte das Skript deutlich komplexer sein.

habe das Skript bei mir eingebunden und läuft auch super, allerdings fände ich es nicht schlecht, wenn ich auf den Text, der jeweils in der ersten Zelle (also quasi hinter dem Bild mit dem Pfeil) steht, auch einen Link (onklick) drauflegen könnte, dass er auch dann immer auf- und zuklappt.
Kann ich dies auch über das Script erreichen?

Gruß

Christian

funktioniert das Ganze auch mit geschachtelten Tabellen? (also d.h. die äußere Tabelle soll klappbare Zeilen enthalten und diese Zeilen enthalten auch wieder klappbare Tabellen).

Ich habe es probiert, aber es scheint nicht so richtig zu funktionieren.
Ich habe allen Tabellen die Class "klapptabelle" gegeben und den entsprechenden Zeilen wie oben beschrieben die Class "main".

Viele Grüße

Gruß,
TobAd

if (!Array.prototype.forEach ) {
Array.prototype.forEach = function(fun )
{
var len = this.length;
if (typeof fun != "function")throw new TypeError();
var thisp = arguments[1];
for (var i = 0; i < len; i++) if (i in this) fun.call(thisp, this[i], i, this);
};
}


vielen Dank für die Implementierung. Leider unterstütz der IE "foreach" erst ab der zukünftigen Version 9 - kannst du da noch was machen? Unter FF klappts super!

Vielen Dank,
beste Grüße,
Johannes