Tabellten per onClick ein und ausblenden

dastool

Erfahrenes Mitglied
Hallo,
ich hab zwar wenig Ahnung von JavaScript im moment, aber ich hatte mir da eine kleine Überlegung gemacht zur Website-gestaltung.

Was ich mich nun frage, ist, ob mit JavaScript (oder anderen Web-Sprachen) es möglich ist, eine Tabelle mit Grafiken und Verlinkungen ein- bzw ausblenden.
Fast so wie der "Start-Button" seit Win95 :-)

Sollte ein Tutorial dazu schon vorhanden sein, dann zeigt doch einfach den Link und schon hat sich das hema geklärt :)

Frohe Ostern
 
Okay, was du brauchst ist diese funktion:
HTML:
<script type="text/javascript"><!--
      function swap(id) {
     	 Obj = document.getElementById(id);
     	 if (Obj.style.display == "none") {
     		 Obj.style.display = "block";
     	 } else {
     		 Obj.style.display = "none";
     	 }
      }
 //--></script>
Die Tabelle packst du in ein <div></div>-Container, dem du eine id verpasst. Ein und ausblenden kannst du das ganze dann indem du auf ein anderes Element den onclick="swap('idDesDivContainers')" plazierst.
Achte auf die doppelten (") und einfachen (') Anführungszeichen, dann kann nichts passieren.

Hab ein funktionierdendes Beispiel angehängt.
 

Anhänge

Zuletzt bearbeitet:
Ich musste zwar ein wenig rumspielen, aber das is ja normal für solche Hilfen :)

Vielen Dank, das hat mich um einiges nach vorne getrieben :)
Und es steht nichtmal in Konflikt mit meinen CSS einstellungen :)
SUPER!
:respekt: ( :offtopic: nen Respeckt-Smily wären nun wirklich angebracht:) )


//edit
Den Text hab ich mir nun nicht angesehen :-)
Hat sowieso geklappt :)
Für Interesenten die sich das ansehen wollen.
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück