TD.display:none rückgängig machen...

ützelbrütz123

Grünschnabel
hei leute,

ich habe eine tabelle, in der je nach bedarf spalte B oder spalte C angezeigt werden soll. ich möchte die seite nicht neu laden, alle beide spalten sollen schon da sein. mit javascript möchte ich nicht alle zeilen durchlaufen müssen, weil das lange dauert.
deshalb habe ich mir gedacht, ich schachtele mein css:
ich habe jetzt zwei klassen für die tabelle angelegt, die ich per klick mit js wechsele (onclick=.<tabelle>..className='zeigeSp#'). bei seitenaufruf hat die tabelle class=zeigeSpA. funktioniert auch super im ff, im ie allerdings wird nur die vorab sichtbare spalte bzw die zellen ausgeblendet, die weggeblendeten aber nicht wieder angezeigt. wo liegt mein fehler? oder der vom ie

<style>
TABLE.zeigeSpB TD.spalte_A{display:none;}
TABLE.zeigeSpB TD.spalte_B{display:table-cell;}
TABLE.zeigeSpA TD.spalte_A{display:table-cell;}
TABLE.zeigeSpA TD.spalte_B{display:none;}
</style>

gruß und dank

üb
 
Hi,

table-... wird vom IE nicht unterstützt

Versuche es doch mal mit der CSS-Eigenschaft visibility (visible/hidden - collabse geht im IE auch nicht, glaube ich), statt mit display.

Gruß

.:lay-z-cow:.
 
nein leider nicht. visible:hidden blendet ja nur aus, braucht aber dennoch den platz, den die td auch so braucht... wenn ich ein einzelnes objekt habe kann ich mit javascript [objekt].style.display=''; setzen, also quasi alles wegnehmen und auf normalzustand setzen. das muß doch auch mit css direkt gehen. ich möchte keine js-schleife laufen müssen...
 

Neue Beiträge

Zurück