✔ Verschachtelte Tabellen bearbeiten

[Samuel]

Guten Abend,
ich habe eine verschachtelte Tabelle wo ich zB. vom Maintable zeile 4-7 ausblenden soll.
Zur Info. Innerhalb dieser Zeilen sind weitere Tables enthalten. Nun soll per Knopfdruck
eben dieser Berreich aus- und wieder einblendbar gemacht werden.

Folgender Versuch kam dabei raus:

var TMain = {};
TMain.toggleArea = function(area)
{
	var nodes = document.getElementById('test').getElementsByTagName('tbody')[0].getElementsByTagName('tr');					
	switch(area)
	{
		case 'format':
			areaRange = new Array(11,20);
			break;
		// usw usw
		default:
			return false;
	}
	areaStatus = (nodes[areaRange[0]].style.display == 'none') ? false : true;
	for(var i = areaRange[0]; i < areaRange[1]; ++i)
	{
		if(areaStatus)
			nodes[i].style.display = 'none';
		else
			nodes[i].style.display = 'block';
	}		
}

Das ganze funktioniert im IE wunderprächtig. (Wie solls bei dem Tabellenmist auch anders sein *G*) und der FF übernimmt die Breiten der einzelnen Elementen der Tabelle innerhalb der Zeilen nicht richtig. Und es sieht alles mies aus

Wäre bzgl. einem Denkanstoß sehr erfreut.

mfg Samuel

 

[Sven Mintel]

Moin,

anstatt der display-Eigenschaft beim Einblenden "block" zuzuweisen, weise ihr eine leere Zeichenkette zu.
Warum: <tr> sind keine wahren Blockelemente, in CSS müsste ihre display-Eigenschaft table-row lauten, bloss da spielt der IE wieder nicht mit

Wenn du die Display-Eigenschaft nur entfernst, werden sie so dargestellt, wie sie es von Hause aus eben werden.

 

[Samuel]

Vielen Dank für die rasche Hilfe. Auf den "schwachsinn" wär ich nicht gekommen ;-)
Mfg Samuel