Tabelle verstecken

subseven

Wie kann ich eine Tabelle verstecken und durch einen link sichtbar machen?

z.B.: es steht ein Text "Anfahrtsplan" und wenn man nun darauf klickt öffnet sich unterhalb eine Tabelle mit dem Bild eines Anfahrtsplans.

Funktioniert so etwas mit Java und ganz normal mit HTML/DHTML?
Kann wer bitte so einen Code hier posten.

mfg
subseven

Razor01

Meines Wissens (Bitte korrigiert mich, sollte ich falsch liegen) ist dies nicht ohne weiteres möglich. Du müsstest schon ein 2. Dokument machen oder mit Frames arbeiten.

::RMB::

Wie wärs mit nem display:none; oder visibility:hidden; ?
Und mit nem bliblablu:visited {} würdest es ändern.

Habe es nie Ausprobiert aber sollte eigentlich gehen.

Razor01

Du könntest es mit einem popup Fenster versuchen:
<head> <-- Da rein kommt der Code (Zumachen nicht vergessen)

Code

<script language="javascript" type="text/javascript">
<!--
var win=null;


onerror = stopError;
function stopError(){
	return true;
}




function w1160174285(){
	myleft=20;
	mytop=20;
	settings="width=640,height=480,top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no,dependent=no";
	win=window.open("http://www.","mypopup",settings);
	win.focus();


}
// -->
</script>

Alles anzeigen

Den hier tuste dahin wo der Button erscheinen Soll:

Code

[url='javascript:w1160174285();']BUTTONTEXT[/url]

Und den hier in den Code des Popup Fensters:

Code

[url='javascript:window.close()']Fenster schliessen[/url]

Solltest du ein anderes Popup fenster haben wollen kannste hiermit n bischen rumexperentieren: http://www.meine-erste-homepage.de/popup/popup.cgi

Ronald

Da ist dein Wissen falsch.

Es geht mit Javascript in Kombination mit Stylesheets.

Code

<table id="tabelle1" style="display:none" ... // (weitere Angaben zur Tabelle pp.)

Dann ein Javascript, welches z.B. OnClick auf irgendeinen Button oder Link das Javascript "showTabelle()" aktiviert:

Code

<script type="text/javascript" language="JavaScript">
<!--
function showTabelle()
  {
  document.getElementById("tabelle1").style.display = "table";
  }
//-->
</script>

Das ist eigentlich alles.

G.a.d.M.

Ronald

::RMB::

aber ich war auf dem richtigen weg, nur das umschalten nicht ganz *g*

Ronald

Zitat von ::RMB::

aber ich war auf dem richtigen weg, nur das umschalten nicht ganz *g*

o.K. - ich laß das mal grade noch durchgehen *fg*

Tags