HTML Tabelle ein-/ausblenden -> neuer Zeile fehlt der Border

Keepers

Lt. Junior Grade
Registriert
Nov. 2007
Beiträge
506
Hallo Jungs und Mädels,

folgender Code arbeitet nicht ganz wie ich das möchte:

Code:
<html>
<body>
<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="table-row"
  } else {
    e.style.display="none"
  }
  return true;
}

</script>
<table  border="1" width="600"> 
<tr> 
    <td> 
     Dieser Bereich ist sichtbar (immer). 
    <br><br>Und <a href="#" onclick="toggleMe('ghost')"><img src="plus.png" border="0" height="16" width="16"></a> blenden wir einen "versteckten" Bereich ein und aus! 
    </td> 
</tr> 
<tr> 
<table border="1" width="600" id="ghost" style="display : none">
<tr><td>Muster AG, Gruppe 1</td></tr>
<tr><td>Barbara Streisand</td></tr>
</table>
</tr> 
<tr>
<td>DAS HIER WIRD ABER NORMAL ANGEZEIGT!</td>
</tr>
</table>
</body></html>

Vielleicht ist es a weng schwer zu erklären, aber er ist lauffähig und somit solltet ihr die Problematik auch schnell erkennen.

Ich habe:

2 Tabellen. Die innere, wird über den display none Anteil und der JS Funktion per Knopfdruck ein und ausgeblendet. Das funktioniert soweit korrekt. Die danach zur äußeren Tabelle gehörende Zeile wird auch immer korrekt angezeigt was den Inhalt betrifft, ABER: Ihr fehlt der border.

Weiß einer ob ich hier noch irgendwas hinzufügen muss?
Das muss doch irgendwie gehen!

Gruß und Danke im voraus!

Stefan
 
Mach mal um die innere <table> noch ein <td>, vielleicht klappt's dann schon.
 
Du Fuchs ;-)
Sollte es aber nicht auch ohne Tabellenspalte auskommen?
 
Wenn mich nicht alles täuscht, darf ein <tr> als direkte Unterelemente nur <th>s und <td>s enthalten. Alles andere läuft Gefahr, den Browser durcheinanderzubringen :)
 
Richtig, du darfst tabellen schachteln, aber immer table => tr => td. Alles Andere ist nicht konform.
 
Alles klar, verstanden und für gut befunden ;-)
 

Ähnliche Themen

Zurück
Oben