Tabellenzeilen per klick anzeigen

[Gunnar Bittersmann]

@@alexgross:

nuqneH

ich versuche so zu machen, dass nicht alle tabellenzeile zunächst angezeigt werden.

Welche denn nicht? Wie unterscheiden die sich von den angezeigten?

Nehmen wir mal an, die 'tr'-Elemente hätten @class="hidden". Dann versteckst du sie nur bei aktiviertem JavaScript folgendermaßen:

Per

<script type="text/javascript">[code lang=javascript]document.documentElement.className += " js";</script>[/code]

weit vorn im Quellcode ('head') verpasst du dem 'html'-Element die Klasse "js" und per Nachfahrenselektor blendenst du aus [PERFORMANCE-BP2]:

.js .hidden { display: none }

Willst du nun später eine Tabellenzeile sichbar machen, dann änderst entfernst du deren Zugehörigkeit zur Klasse "hidden":

foo.className = "";

(wobei foo das entsprechende 'tr'-Elementobjekt ist)

Qapla'