Tabellen ausblenden

[Jan]

Also ich will meine Tabelle mit hilfe von js und ccs ausblenden das sollte in der theorie so aussehn:

die tabelle:

<table class="tabs">

css:

body.tabs-ausgeblendet.tabs { display:none; }
body.tabs-eingeblendet.tabs { display:block; }

js:

function ausblenden()
{document.body.className = "tabs-ausgeblendet";}

function einblenden()
{document.body.className = "tabs-eingeblendet";}

und der link der das ganze aufruft:

<a href="javascript:ausblenden(tabs-ausgeblendet);">ausblenden</a>
<a href="javascript:einblenden(tabs-eingeblendet);">einblenden</a>

aber irgendwie will das ganze nicht klappen kann mir jemand sagen warum?

falls es irgendwie ausschlaggebend ist die tabelle ist in einem formular ( <form name="form1"> )

danke schonmal falls mir jemand hilft.

[Struppi]

die tabelle:

<table class="tabs">

css:

body.tabs-ausgeblendet.tabs { display:none; }
body.tabs-eingeblendet.tabs { display:block; }

js:

function ausblenden()
{document.body.className = "tabs-ausgeblendet";}

Das ist falsch, du willst die Klasse nicht auf document.body anwenden sondern auf die Tabellenelemente.

<a href="javascript:ausblenden(tabs-ausgeblendet);">ausblenden</a>
<a href="javascript:einblenden(tabs-eingeblendet);">einblenden</a>

Das ist auch falsch. Der Parameter sagt subtrahiere den Wert der Variabel ausgeblendet von dem Wert der Variabel tabs, beide existieren nicht, folglich bekommst du eine Fehlermeldung.

aber irgendwie will das ganze nicht klappen kann mir jemand sagen warum?

Das steht in der Fehlerkonsole, falls du Firefox verwendest.

Struppi.

[Jan]

kannst du mir bisschen sagen wie es richtiger wäre.. könnte jetzt nur durch rumprobieren auf die lösung kommen. tut mir leid für für mein unwissen.

[Struppi]

kannst du mir bisschen sagen wie es richtiger wäre.. könnte jetzt nur durch rumprobieren auf die lösung kommen. tut mir leid für für mein unwissen.

steht alles in selfhtml.
Funktionen mit denen du an die Elemente kommst findest du unter window.document

Struppi.

[molily]

Hallo,

body.tabs-ausgeblendet.tabs { display:none; }
body.tabs-eingeblendet.tabs { display:block; }

Ein Leerzeichen zwischen »body.tabs-ausgeblendet« und ».tabs«!

»body.tabs-ausgeblendet.tabs« ist ein ganz anderer Selektor als »body.tabs-ausgeblendet .tabs«.

function ausblenden()
{document.body.className = "tabs-ausgeblendet";}

function einblenden()
{document.body.className = "tabs-eingeblendet";}

Das ist schon richtig.

und der link der das ganze aufruft:

<a href="javascript:ausblenden(tabs-ausgeblendet);">ausblenden</a>
<a href="javascript:einblenden(tabs-eingeblendet);">einblenden</a>

Parameter musst du nicht übergeben, denn deine Funktionen nehmen eh keine Parameter entgegen und die Klasse ist da fest eingebaut.

Mathias

[Jan]

kann ich dann auch 2 klassen zusammen ausblenden?

[ChrisB]

Hi,

Also ich will meine Tabelle mit hilfe von js und ccs ausblenden

Wenn du bereits einen bestehenden Thread zu einer Thematik hast, dann bleibe bitte das naechste Mal in diesem - Doppelpostings sind hier unerwuenscht.

MfG ChrisB