Ergebnis 1 bis 4 von 4
  1. #1
    huan ist offline Grünschnabel
    registriert
    12-09-2009
    Beiträge
    2

    <tr> ausblenden/einblenden

    Moin!
    Wie kann ich folgendens Script "umkehren",
    sodass die Zeile erst ausgeblendet und beim aktivieren angezeigt wird?

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Javascript hide table row</title>
    </head>
    <body>
    <script type="text/javascript">
    function displayRow(){
    	var row = document.getElementById("captionRow");
    	if (row.style.display == '')  row.style.display = 'none';
    	else row.style.display = '';
    }
    </script>
    <table width="300" border="1">
      <tr id="captionRow"><th>TH-1</th><th>TH-2</th><th>TH-3</th></tr>
      <tr><td>cell-11</td><td>cell-12</td><td>cell-13</td></tr>
      <tr><td>cell-21</td><td>cell-22</td><td>cell-23</td></tr>
    </table>
    <p><button onclick="displayRow()" >Show / Hide</button></p>
    </body>
    </html>

  2. #2
    Duke79 ist offline Foren As
    registriert
    13-01-2008
    Beiträge
    88

    AW: <tr> ausblenden/einblenden

    gib den Zeilen die ausgeblendet sein sollen eine klasse mit display:none und bei click setze diese Zeile dann auf display:block

  3. #3
    huan ist offline Grünschnabel
    registriert
    12-09-2009
    Beiträge
    2

    AW: <tr> ausblenden/einblenden

    Sehr geil... (und sehr einfach :sad
    Danke für die schnelle Antwort!!!

  4. #4
    cybaer ist offline Kaiser
    registriert
    12-09-2006
    Beiträge
    1.338

    AW: <tr> ausblenden/einblenden

    Zitat Zitat von Duke79 Beitrag anzeigen
    gib den Zeilen die ausgeblendet sein sollen eine klasse mit display:none und bei click setze diese Zeile dann auf display:block
    Nein, TR haben "table-row" - nur der IE (mindestens <8) besteht fälschlicherweise auf "block".

    Außerdem kann es dumm sein, mit CSS Inhalte zu verstecken, und sie nur mit JS wieder einzublenden. Jedenfalls dumm für User ohne/mit deaktiviertem JS.

    Beide Probleme kann man z.B. vermeiden, indem man erst mit JS den Wert auf "none" setzt. Dann kann man ihn mit JS auch wieder in den Originalzustand versetzen mit ...display="".

    Andere Möglichkeiten: Ändern der Klassennamen oder ändern des Stylesheets selbst (das geht dann auch, bevor die Tabelle überhaupt existiert).
    Gruß, Cybaer

Ähnliche Themen

  1. IE6 & <tr> ausblenden?
    Von NoboDev im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 14-05-2008, 15:51
  2. <tr> je nach dropdown wahl anzeigen / vertecken
    Von skooli im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 29-08-2006, 05:13
  3. Position von <TR>
    Von miketech im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 01-07-2006, 23:41
  4. <tr> -s ausblenden
    Von joya im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 14-06-2005, 16:38
  5. Bei bestimmter <option> eine <tr> anzeigen
    Von DJ_SPHYX im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 31-01-2005, 19:26

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •