[HTML/Javascript] Tabellen auf- und zuklappen?

M

Mr. Snoot

Gast
[html][java?]

Hio,

gibt es eine Möglichkeit mittels Javascript/DHTML (oder was anderem? PHP nicht möglich) Tabellen ein- und aufzuklappen?

Beispiel siehe hier (das Beispiel geht aber eben nur mit dem IE, drum such ich eine weitere Möglichkeit)

edit: Ein weiteres Beispiel gibt es z.B. hier im Forum unter Kontrollzentrum | Signatur bearbeiten | Forum Regeln (kleine Tabelle unten) was wohl in jedem Browser funzt. Aber wie ist das realisiert?
 

oDeM

Lt. Junior Grade
Dabei seit
Sep. 2002
Beiträge
374
*g*
kennst du die Browserfunktion View Pagesource?
da kannstes alles nachlesen :)

aber um di ein bischen unter de Arme zu greifen ein paar tips:
1.) selfHTML
2.) CSS Eigenschaft display (natürlich per JS ansprechen)
3.) evtl. getElementById
 

ne0

Cadet 2nd Year
Dabei seit
Aug. 2003
Beiträge
27
<a href=\"#\" onClick=\"swap_content('$row[ID]'); return false;\">more...</a>

und dann

<span id=\"$row[ID]\" style=\"display: none\"><br>$row[klappe]</span>

evtl. die \" durch " ersetzen und $row[ID] durch ne zahl

ne0
 
M

Magoo

Gast
PHP - die Seite muss zwar neu geladen werden, aber...

<?php
if (tab==auf) {
?>

HTML-Code der jetzt angezeigt werden soll.

<?php
}
?>

Link=http://deineseite.de/dieSeite.php?tab=auf
 

ne0

Cadet 2nd Year
Dabei seit
Aug. 2003
Beiträge
27
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language='JavaScript'>
<!--
function swap_content( span ) {
	displayType = ( document.getElementById( span ).style.display == 'none' ) ? 'block' : 'none';
	document.getElementById( span ).style.display = displayType;
}
//-->
</script>
</head>

<body>
<a href="#" onClick="swap_content('1'); return false;">more...</a>
<span id="1" style="display: none"><br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>bla</td>
    <td>bla</td>
  </tr>
  <tr>
    <td>bla</td>
    <td>bla</td>
  </tr>
</table>
</span>
</body>
</html>
das ist jetzt ein beispiel, wie du es wolltest :)
 
Top