CSS und JavaScript: anderes CSS bei deaktiviertem JavaScript

[molily]

Hallo,

Die Lösung lautet das Konzept »Unobtrusive JavaScript«. Du fügst die interaktive Logik einschließlich der nötigen CSS-Regeln komplett mit JavaScript nachträglich ein, also keine Inline-Styles. In dem Fall reicht es, eine folgende CSS-Regel aufzustellen:

body.javascript-aktiv td.halt-die-bestimmten-zellen { display:none; }

Diese soll aktiv werden, wenn JavaScript aktiv ist, dazu im JavaScript onload (oder am besten nach dem Einlesen des DOM-Baumes, Stichwort DOMContentLoaded) einfach die Klasse »javascript-aktiv« dem body-Element hinzuzufügen.

Mathias