Also, folgendes ist mein Problem:
Ich möchte einen Terminplan erstellen, bei dem nähere Informationen zu den Terminen per Mausklick ausgeklappt werden sollen - bei Interesse. Funktioniert einzeln gesehen auch so ganz gut, nur nicht, wenn es mehrere Termine sind. Die Termine werden in einer Mysql-Datenbank gesammelt und mit PHP ausgelesen. Jedem Termin ist eine ID zugewiesen. Wie ist es nun möglich, dass auch jeder zu "toggelnden" Tabelle die zugehörige ID zugewiesen wird - oder wo liegt der Fehler? Hier der Quelltext:
<script type="text/javascript">
function toggle( targetId ){
if (document.getElementById){
target = document.getElementById( targetId );
if (target.style.display == "none"){
target.style.display = "";
} else {
target.style.display = "none";
}
}
}
</script>
<?
include "dbconnect.php";
$abfrage = "SELECT id,beginn,ende,zeit,event,information,importance FROM termine ORDER BY beginn";
$termine = mysql_query($abfrage);
list($id,$beginn,$ende,$zeit,$event,$information,$importance) = mysql_fetch_row($termine);
$beginn = explode("-", $beginn);
$ende = explode("-", $ende);
$zeit = explode(":", $zeit);
if ($information=="") ($information="Keine weiteren Informationen hinterlegt.");
if ($ende[2]!="00") ($ende="- $ende[2].$ende[1]."); ELSE ($ende="");
echo "<table width='100%'><tr><td width='40'>$beginn[2].$beginn[1].</td><td width='50'>$ende</td><td>$event</td><td align='right'>"; ?>
<script> var toggleId = "<?php echo $id; ?>"; </script>
<div onclick="toggle(toggleId);return false;">+</div></td></tr></table>
<? echo "<table id='$id' style='display: none;'><tr><td width='80'>$zeit[0]:$zeit[1] Uhr</td><td width='10'></td><td>$information</td></tr></table>";
while (list($id,$beginn,$ende,$zeit,$event,$information,$importance) = mysql_fetch_row($termine)) {
$beginn = explode("-", $beginn);
$ende = explode("-", $ende);
$zeit = explode(":", $zeit);
if ($information=="") ($information="Keine weiteren Informationen hinterlegt.");
if ($ende[2]!="00") ($ende="- $ende[2].$ende[1]."); ELSE ($ende="");
echo "<table width='100%'><tr><td width='40'>$beginn[2].$beginn[1].</td><td width='50'>$ende</td><td>$event</td><td align='right'>"; ?>
<script> var toggleId = "<?php echo $id; ?>"; </script>
<div onclick="toggle(toggleId);return false;">+</div></td></tr></table>
<? echo "<table id='$id' style='display: none;'><tr><td width='80'>$zeit[0]:$zeit[1] Uhr</td><td width='10'></td><td>$information</td></tr></table>"; }
?>