Variierende Anzahl von Tabellen einblenden

tantal86 · 22.02.2008, 13:22

Hallo T-P Community,da ich neu bin kurz zu mir. Ich heiße Jöran und bin Student an der TU Dresden.

Ich arbeite hauptsächlich mit PHP und HTML, habe aber jetzt ein kleines Problem: Mit Php erzeuge ich dynamisch eine unbekannte Anzahl von Tabellen (enthalten Datein der unbestimmten Anzahl von Ordnern), die ich gerne durch klicken eines Links ein- bzw. ausblenden möchte.
Dabei kommt es mir drauf an, dass ich für jede Tabelle einen Link habe und dieser auch nur diese Tabelle ansteuert.

Nach einwenig suchen bin ich auf einen alten Eintrag gestoßen:

HTML-Code:

<html>

<body>
<script type="text/javascript" language="JavaScript1.2">
var angezeigt = false;

function versteckt() 
{ 
	if (angezeigt)
	{
		document.getElementById('ghost').style.display = 'none';
		angezeigt = false;
	}
	else
	{
		document.getElementById('ghost').style.display = 'block';
		angezeigt = true;
	}
} 
</script> 
<table cellspacing="2" cellpadding="2" border="0"> 
<tr> 
    <td> 
     Dieser Bereich ist sichtbar (immer). 
    <br><br>Und <a href="#" onclick="versteckt()"> hier</a> blenden wir einen "versteckten" Bereich ein und aus! 
    </td> 
</tr> 
<tr> 
    <td style="display : none" id="ghost">Dieser Bereich kann ein-/ausgeblendet werden!</td> 
</tr> 
</table>
</body></html>

Diesen würde ich gerne in irgendeiner Art und Weise adaptieren. Leider funktioniert das nicht, wenn ich für alle Tabellen die id ghost vergebe. Es klappt immer nur die erste Tabelle ein und aus (logisch...).

Wie kann ich den Code entsprechend ändern?

Hier mal der Ausschnitt meines Codes (aufs wesentliche gekürzt):

PHP-Code:


			
$verz = dir('C:/Programme/Apache/htdocs/test/auftrag/');

    if (!$verz) { echo "Fehler beim Wechsel ins Auftragsverzeichnis"; die();}

    while($entry=$verz->read())

      if ($entry!="." && $entry!=".." && $entry!="auftrag.log")

        {

          $test=1;

          $counter++;

          echo '<div id="auftrag"><input type="checkbox" name="wahl'.$counter.'" " value="'.$entry.'"> <b>'.$entry.'</b><br><br>';

          echo '<a href="#" onclick="versteckt()"> Datein einblenden </a>

          $verz2 = dir('C:/Programme/Apache/htdocs/test/auftrag/'.$entry);

          if(!$verz2) { echo "Fehler beim Wechsel ins Auftragsverzeichnis"; die();}

          echo '<table class="lehr" id="ghost" style="display:none">';

          while($entry2=$verz2->read())

            if ($entry2!="." && $entry2!=".." && $entry2!="auftrag.log" && $entry2!="durchlauf.txt")

              {

            $groesse = round(filesize('C:/Programme/Apache/htdocs/test/auftrag/'.$entry.'/'.$entry2)/1024.0,1);

                $zeit=localtime(filectime('C:/Programme/Apache/htdocs/test/auftrag/'.$entry.'/'.$entry2));

                $zeit[5]+=1900;

                $zeit[4]+=1;

                if ($zeit[4]==13) $zeit[4]=1;

                clearstatcache();

                echo '<tr><td class="lehr"><a href="auftrag/'.$entry.'/'.$entry2.'" target="_blank">'.$entry2.'</a></td><td class="lehr">'.$groesse.' KB</td><td class="lehr">'.$zeit[3].'.'.$zeit[4].'.'.$zeit[5].' '.$zeit[2].':'.$zeit[1].'</td></tr>';

              }

          $verz2->close();

          echo '</table><br> </div>;

        }

    $verz->close();

Wenn einer eine Idee hat, wär ich dafür sehr dankbar.

Mfg, Jöran

tantal86 · 22.02.2008, 17:41

So, ich habs hinbekommen,

falls es noch jemanden interessiert:

Code:

<script type="text/javascript" language="JavaScript">


function toggleMe(a){
  var e=document.getElementById(a);
  if(!e)return true;
  if(e.style.display=="none"){
    e.style.display="block"
  } else {
    e.style.display="none"
  }
  return true;
}

</script>

PHP-Code:


			
echo '<div id="auftrag"><input type="checkbox" name="wahl'.$counter.'" " value="'.$entry.'"> <b>'; ?>

          <a style="cursor: pointer" onclick="return toggleMe('tabelle<?php echo $counter; ?>')"> <?php echo $entry; ?> </a></b><br><br>           

          <?php

          $verz2 = dir('C:/Programme/Apache/htdocs/test/auftrag/'.$entry);

          if(!$verz2) { echo "Fehler beim Wechsel ins Auftragsverzeichnis"; die();}

          echo '<table class="lehr" id="tabelle'.$counter.'" style="display:none">';

lg