Ausführen von Javascript überschreibt style.css

[jayD]

Hallihallo.
Ich habe eine HTML-Tabelle und möchte das die Spalten für verschiedene Zwecke ein/ausgeblendet werden. Klappt auch alles.

Manche Spalten werden für die Druckansicht nicht benötigt, daher wurden sie in der style.css per display:none ausgeblendet:

@media print {
.th_status, .th_todo
 { display: none; }}

Wenn die Seite geladen wird, funktioniert das auch, da die style.css ja galaden wurde.
Nun klicke ich auf den Button der die Spalten aus/einblendet, somit werden die deklarierten Klassen in der style.css unwirksam.
Beispiel:

document.getElementById('status').style.display="none";
document.getElementById('todo').style.display="";

Habt ihr irgendeine Idee dazu?

[jayD]

Sobald ich ein paar mal auf die Listenansicht klicke und dann auf drucken (Vorschau), wird die Klasse "todo" wieder angezeigt, obwohl die vorher ausgeblendet wird.

> Hier mal ein Beispiel <

[tk1234]

Crossposting: http://phpforum.de/forum/showthread.php?t=280709

[qtify]

Mal davon abgesehen, wird dann mehr Mimimi gepostet, als das Problem anzugehen... das nur mal so nebenbei.

Ich würd evtl. den Zellen (td) die Klassen (display-print, display-default) hinzufügen und per button, einfach

$(".display-print").show();
$(".display-default").hide(); 

ausführen