• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

DIV Container mit Tabelle und Toggle

E

Earlenrico

Neues Mitglied
Hallo zusammen, ich möchte eine Tabelle in HTML erstellen. Die Tabelle ist zwar noch im Aufbau, aber trotzdem stellt sich mir die Frage wie anstellen.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>untitled</title>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {

$(".copen").click(function() {

//$(".c").show();

var cid = $(this).data("c");
$("#"+cid).toggle();

});

});
</script>
</head>

<body>
<table border="1">
<thead>
<tr>
<th>Lft Nr</th>
<th>Name der CD</th>
</tr>
</thead>
<tr>
<th>01</th>
<th>100 Rock Hits - The Sound of my Life</th>
</tr>

<tbody>


<tr>
<div><td class="copen" data-c="c1">cd1</td></div>



<td>Interpret</td>
<td>Titel</td>
<td>Zeit</td>

</tr>


<div id="c1" class="c">

<tr>
<td>01.</td>
<td>Golden Earring</td>
<td>Radar Love</td>
<td>05:05</td>
</tr>
</div>
<tr>
<td>02.</td>
<td>Heart</td>
<td>Barracuda</td>
<td>04:24</td>
</tr>

<tr>
<td>03.</td>
<td>Judas Priest</td>
<td>Living After Midnight</td>
<td>03:31</td>
</tr>

<tr>
<td>04.</td>
<td>Alice Cooper</td>
<td>No More Mr. Nice Guy</td>
<td>03:07</td>
</tr>

</tbody>


</table>
Zum Vergrößern anklicken....
Ich möchte das man die CD_1, CD_2 usw. wenn es den ein Album gibt mit mehreren CD‘s zusammen zu klappen ist. Ich habe es versucht mit JavaScript. Was aber nicht funktioniert. Vllt. könnt Ihr mir bitte helfen? Vielen Dank. Gruß Enrico
 
Werbung:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>untitled</title>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {

$(".copen").click(function() {

//$(".c").show();

var cid = $(this).data("c");
$("#"+cid).toggle();

});

});
</script>





</head>

<body>

<table border="1">
<thead>
<tr>
<th>Lft Nr</th>
<th>Name der CD</th>
</tr>
</thead>
<tr>
<th>01</th>
<th>100 Rock Hits - The Sound of my Life</th>
</tr>


<tbody>



<tr>
<td class="copen" data-c="c1">cd1</td>



<td>Interpret</td>
<td>Titel</td>
<td>Zeit</td>

</tr>




<tr id="c1" class="c">
<td>01.</td>
<td>Golden Earring</td>
<td>Radar Love</td>
<td>05:05</td>
</tr>

<tr>
<td>02.</td>
<td>Heart</td>
<td>Barracuda</td>
<td>04:24</td>
</tr>

<tr>
<td>03.</td>
<td>Judas Priest</td>
<td>Living After Midnight</td>
<td>03:31</td>
</tr>

<tr>
<td>04.</td>
<td>Alice Cooper</td>
<td>No More Mr. Nice Guy</td>
<td>03:07</td>
</tr>
</tbody>


</table>



</body>
</html>
Zum Vergrößern anklicken....
Ich habe jetzt die Div‘s entfernt. Jetzt verschwindet schon mal die erste Zeile, das ist ja schon mal positiv. Aber wie bekomme ich die anderen Titel weg?
 
Werbung:
Hallo zusammen, ich habe Eure @Sempervivum und @zorro jeweilige Variante jetzt probiert.

Mir gefallen beide Varianten, nur das ich trotzdem Fragen habe.

excel_musik_test.png

Dieses Bild zeigt meine Excel-Datei nach dem Schema möchte ich gerne diese Tabelle umsetzen.

Frage 1:
@Sempervivum
Wie kann die jeweilige CD_01, CD_02 usw. zusammen klappen? Das so wie in dem Bild, die CD_01 oder CD_03 vom Album "100 Rock Hits - The Sound of my Life" offen ist und alle andere CD's zusammen geklappt werden können?

Frage 2:
@zorro
In Deinem Bsp, hast Du diese Datei bzw. Link mit eingefügt.
zorro schrieb:
<link rel=stylesheet href=https://unpkg.com/@picocss/pico@latest/css/pico.min.css>
Zum Vergrößern anklicken....
Sehe ich das richtig das ohne diesen Link, für das Aussehen zuständig ist?

Frage 3:

Wie kann ich bei beiden Varianten, die CD's zusammen klappen, das nur zum Schluss, das jeweilige Album sichtlich ist?

Ich hoffe es sind nicht zuviele Fragen.

Euch vielen Dank für Eure Hilfe
 
@Sempervivum
Code: 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>

    
    
        $(document).ready(function () {
            $(".copen").click(function () {
                var cid = $(this).data("c");
                $('[data-cd-id]').hide();
                $('[data-cd-id="' + cid + '"]').show();
            });
        });
</script>
</head>
<body>
    
    <table border="1">
        <thead>
            <tr>
                <th>Lft Nr</th>
                <th colspan="3">Name der CD</th>
            </tr>
        </thead>   
            <tr>
                <th>01</th>
                <th colspan="3">100 Rock Hits - The Sound of my Life</th>
            </tr>
        <tbody>
            <tr>
                <td class="copen" data-c="c1">CD_01</td>
                <td>Interpret</td>
                <td>Titel</td>
                <td>Zeit</td>
            </tr>
            <tr data-cd-id="c1" class="c">
                <td>01.</td>
                <td>Golden Earring</td>
                <td>Radar Love</td>
                <td>05:05</td>
            </tr>
            <tr data-cd-id="c1">
                <td>02.</td>
                <td>Heart</td>
                <td>Barracuda</td>
                <td>04:24</td>
            </tr>
            <tr data-cd-id="c1">
                <td>03.</td>
                <td>Judas Priest</td>
                <td>Living After Midnight</td>
                <td>03:31</td>
            </tr>
                
            <tr data-cd-id="c1">
                <td>04.</td>
                <td>Alice Cooper</td>
                <td>No More Mr. Nice Guy</td>
                <td>03:07</td>
            </tr>
            <tr data-cd-id="c1">
                <td>05.</td>
                <td>Scorpions</td>
                <td>Rock You Like A Hurricane</td>
                <td>04:16</td>
            </tr>
            <tr data-cd-id="c1">
                <td>06.</td>
                <td>P!nk</td>
                <td>Trouble</td>
                <td>03:13</td>
            </tr>
            <tr data-cd-id="c1">
                <td>07.</td>
                <td>Motorhead</td>
                <td>Hellraiser</td>
                <td>04:34</td>
            </tr>
            <tr data-cd-id="c1">
                <td>08.</td>
                <td>Starship</td>
                <td>We Built This City</td>
                <td>04:37</td>
            </tr>
            <tr data-cd-id="c1">
                <td>09.</td>
                <td>Ram Jam</td>
                <td>Black Betty</td>
                <td>03:58</td>
            </tr>
            <tr data-cd-id="c1">
                <td>10.</td>
                <td>The Sweet</td>
                <td>Blockbuster</td>
                <td>03:12</td>
            </tr>
            <tr data-cd-id="c1">
                <td>11.</td>   
                <td>Blue Oyster Cult</td>   
                <td>(Don't Fear) The Reaper</td>
                <td>05:08</td>
            </tr>
            <tr data-cd-id="c1">   
                <td>12.</td>   
                <td>Uriah Heep</td>   
                <td>Easy Livin'</td>   
                <td>02:36</td>
            </tr>
            <tr data-cd-id="c1">
                <td>13.</td>   
                <td>Foreigner</td>
                <td>Urgent</td>   
                <td>03:58</td>
            </tr>
            <tr data-cd-id="c1">
                <td>14.</td>
                <td>Journey</td>
                <td>Wheel In The Sky</td>
                <td>04:12</td>
            </tr>
            <tr data-cd-id="c1">
                <td>15.</td>   
                <td>Kenny Loggins</td>   
                <td>Heartlight</td>   
                <td>03:55</td>
            </tr>
            <tr data-cd-id="c1">
                <td>16.</td>   
                <td>Patti Smith Group</td>   
                <td>Because The Night</td>   
                <td>03:23</td>
            </tr>
            <tr data-cd-id="c1">
                <td>17.</td>   
                <td>Firehouse</td>   
                <td>When I Look Into Your Eyes</td>   
                <td>04:02</td>
            </tr>
            <tr data-cd-id="c1">
                <td>18.</td>   
                <td>Blackmore's Night</td>   
                <td>Keeper Of The Flame</td>
                <td>04:38</td>
            </tr>   
            <tr data-cd-id="c1">   
                <td>19.</td>   
                <td>Emerson, Lake & Palmer</td>   
                <td>Lucky Man</td>   
                <td>04:38</td>
            </tr>
            <tr data-cd-id="c1">
                <td>20.</td>
                <td>Kansas</td>
                <td>Dust In The Wind</td>
                <td>03:25</td>
            </tr>
            <tr>
                <td class="copen" data-c="c1">CD_02</td>
                <td>Interpret</td>
                <td>Titel</td>
                <td>Zeit</td>
            </tr>
            <tr data-cd-id="c1" class="c">
                <td>01.</td>
                <td>Meat Loaf</td>
                <td>Bat Out Of Hell</td>
                <td>04:54</td>
            </tr>

            <tr>
                <td class="copen" data-c="c1">CD_03</td>
                <td>Interpret</td>
                <td>Titel</td>
                <td>Zeit</td>
            </tr>
            <tr data-cd-id="c1" class="c">
                <td>01.</td>
                <td>Meat Loaf</td>
                <td>Bat Out Of Hell</td>
                <td>04:54</td>
            </tr>


Und jetzt bewegt sich gar nicht mehr.

Frage 3
Sempervivum schrieb:
Die Frage 3. verstehe ich so, dass immer nur eine CD aufgeklappt sein soll, d. h. wenn eine geöffnet wird, sollen alle anderen, die offen sind, geschlossen werden. Das kannst Du relativ einfach mit diesem Javascript erreichen:
Zum Vergrößern anklicken....
Nein, ich möchte es gerne so haben, das wenn ich ein Album habe mit fünf CD's, dass ich variabel CD_01, CD_04 oder CD_05 aufklappen kann. Wie im unteren Bild.
Dort ist auch zu sehen, das CD_02,CD_03, zugeklappt sind.
excel_musik_test_02.png


Und auch nachfolgende Alben aufklappen kann.

Und dann wieder Alle Alben zuklappen kannexcel_musik_test_01.png

Ich hoffe die Bilder sind nicht zu klein
 
Vielen Dank @Sempervivum für Deine Hilfestellung und das kommentierte erklären.

Jetzt funktioniert es mit dem Aufklappen.

Aber was ich nicht möchte ist, wenn ich auf CD_01, CD_02, CD_03, CD_04 oder CD_05 klicke, dass sich die dafür oder danach schließen.

Am liebsten wäre mir, die Seite wird geöffnet, man sieht die Alben, man muss auf das 1. Album klicken, —>dann sieht man die CD‘s 01 - 05, man muss auf CD_01 klicken, man sieht den Inhalt der CD_01 (alle anderen CD_02 - 05 sind noch geschlossen). Man klickt auf CD_02 (die CD_03 - 05 noch geschlossen, aber die CD_01 bleibt weiterhin geöffnet) ect.

Erst wenn man dann auf die CD_01 und CD_02, klickt werden CD_01, CD_02 geschlossen, sowie im Kommentar Nr. 10, da sieht man auch, dass die CD‘s 02 und 03 geschlossen sind. Und die CD_01, CD_04 und CD_05 geöffnet sind.

Und wenn ich zum wieder auf das Album klicke, das alle CD‘s dann „ verborgen“ sind.

So wie man in dem Kommentar Nr. 10 auch im unteren Bild sieht.
 
Werbung:
@Sempervivum , es funktioniert soweit alles.
Ist es machbar, jetzt wenn ich oben auf das Album klicke, das auch die jeweiligen CD‘s zusammen klappen? So das man nur noch die jeweiligen Alben sieht? So wie im Kommentar Nr. 10 im unterem Bild.
 
Ich habe mir den Code noch nicht ansehen, werde aber tun.

@zorro
zorro schrieb:
Das Chaos wird perfekt, wenn man nun ein weiteres Album hinzufügt. Die Zeile "$('[data-cd-id="' + cid + '"]').toggle();" führt dazu, dass lustig alle CD´s über Albumgrenzen geöffnet werden.

Im Ergebnis wirst man sicher noch jedem .copen ein data-album-id verpassen wollen und jeder Titelzeile ebenso,
Zum Vergrößern anklicken....
was meinst Du damit? Das klingt so, das Du darin ein Problem sieht.
Ich bin ein blutiger Anfänger was JS angeht. Könntest du mir es bitte erklären?

zorro schrieb:
In #14 hatte ich den Code gepostet, der das Problem so löst, wie es richtig gelöst wird - Stichwort "next-siblings", habe aber meinen Code in diesem Thread wieder gelöscht,
Zum Vergrößern anklicken....
Das Du deinen Code da raus gelöscht hast, finde ich schade.
Könntest Du mir den Code nochmal hier in das Thread reinsetzen?
 
Werbung:
@zorro

ich glaube ich weiß was Du mit deinem Post gemeint hast, mit dem Aufschrei.
Ich habe jetzt den Code jetzt probiert, er funktioniert auch, aber wenn ich auf das Album klicke, verschwindet nur die Zeile mit dem Interpret / Titel. Aber die Titel bleiben angezeigt.

Könnt Ihr mir dabei helfen? Danke Euch.
 
Ich habe es jetzt nochmal probiert. Mit weniger Titeln.

Code: 
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
    <title>Musik</title>
   
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            // Bei Klick auf die Zelle mit der Klasse "aopen": */
            $('.aopen').click(function () {
                // ID des Albums aus dem data-Attribut auslesen:
                const aid = $(this).data('a');
                // Sichtbarkeit aller Kopfzeilen der CDs,
                // die zu diesem Album gehören, umschalten:
                $('[data-album-id="' + aid + '"]').toggle();
            });
            // Bei Klick auf die Zelle mit der Klasse "copen": */
            $('.copen').click(function () {
                // ID der CD aus dem data-Attribut auslesen:
                const cid = $(this).data('c');
                // Sichtbarkeit aller Titel, die zu dieser CD
                // gehören, umschalten:
                $('[data-cd-id="' + cid + '"]').toggle();
            });
        });
    </script>  
</head>
<style>
        /* Die Kopfzeilen der CDs sind zunächst unsichtbar: */
        tr.chead {
            display: none;
        }

        /* Die einzelnen Titel sind zunächst unsichtbar: */
        tr[data-cd-id] {
            display: none;
        }
</style>

<body>
<header>
    Musikliste
</header>

<table border="1">
        <thead>
            <tr>
                <th>Lft Nr</th>
                <th>Name der CD</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <!-- Die folgende Zelle öffnet die Kopfzeilen der CDs
                dieses Albums. data-a enthält die ID dieses Albums. -->
                <td class="aopen" data-a="a1">01.</td>
                <td colspan="3">100 Rock Hits - The Sound of my Life</td>
            </tr>
            <!-- Die folgende Zeile ist die Kopfzeile der CD 1.
            data-album-id enthält die ID des Albums (Album 1)
            zu dem sie gehört. -->
            <tr class="chead" data-album-id="a1">
                <!-- Die folgende Zelle öffnet die Titel dieser CD
                (CD 1). data-c enthält die ID der CD -->
                <td class="copen" data-c="c1">CD_01</td>
                <td>Interpret</td>
                <td>Titel</td>
                <td>Zeit</td>
            </tr>
            <!-- Es folgen die einzelnen Titel auf der CD.
            data-cd-id enthält jeweils die ID der CD
            zu der der Titel gehört. -->
            <tr data-cd-id="c1" class="c">
                <td>01.</td>
                <td>Golden Earring</td>
                <td>Radar Love</td>
                <td>05:05</td>
            </tr>

          <!-- Die folgende Zeile ist die Kopfzeile der CD 2.
            data-album-id enthält die ID des Albums (Album 1)
            zu dem sie gehört. -->
            <tr class="chead" data-album-id="a1">
                <!-- Die folgende Zelle öffnet die Titel dieser CD
                (CD 2). data-c enthält die ID der CD. -->
                <td class="copen" data-c="c2">CD_02</td>
                <td>Interpret</td>
                <td>Titel</td>
                <td>Zeit</td>
            </tr>
          <tr data-cd-id="c2" class="c">
         
            <td>01.</td>          
            <td>Meat Loaf</td>
            <td>Bat Out Of Hell</td>
            <td>04:54</td>
          </tr>
          <tr>
                <!-- Die folgende Zelle öffnet die Kopfzeilen der CDs
                dieses Albums. data-a enthält die ID dieses Albums. -->
                <td class="aopen" data-a="a3">02.</td>
                <td colspan="3">2raumwohnung - Lasso</td>
            </tr>
            <!-- Die folgende Zeile ist die Kopfzeile der CD 1.
            data-album-id enthält die ID des Albums (Album 1)
            zu dem sie gehört. -->
            <tr class="chead" data-album-id="a3">
                <!-- Die folgende Zelle öffnet die Titel dieser CD
                (CD 1). data-c enthält die ID der CD -->
                <td class="copen" data-c="c3">CD_01</td>
                <td>Interpret</td>
                <td>Titel</td>
                <td>Zeit</td>
            </tr>
            <!-- Es folgen die einzelnen Titel auf der CD.
            data-cd-id enthält jeweils die ID der CD
            zu der der Titel gehört. -->
            <tr data-cd-id="c3" class="c">
                <td>01.</td>
                <td>2raumwohnung</td>
                <td>Der letzte Abend auf der Welt</td>
                <td>03:34</td>
            </tr>
                   
        </tbody>
</table>
<footer>
</footer>

</body>
</html>

Wenn ich auf die Album NR. klicke verschindet nur die Zeile mit den Interpreten.


Würdest Du @Sempervivum mir bitte helfen es zu korrigieren? Vielen Dank. Gruß Enrico
 
Zuletzt bearbeitet:
@all: Es wäre sehr schön, wenn mir jemand weiterhelfen könnte. Das Forum hier ist doch auch für Anfänger. Einfach gar nicht zu reagieren, finde ich sehr schade.
 
Werbung:
Earlenrico schrieb:
Das Forum hier ist doch auch für Anfänger. Einfach gar nicht zu reagieren, finde ich sehr schade.
Zum Vergrößern anklicken....
Du hast auch in einem Forum keinen Anspruch auf eine Lösung. Ich denke, dir wurde hier reichlich geholfen und wenn es mal keine zügige Antwort gibt, dann musst du entweder warten oder selber lernen und korrigieren.
 
Ich habe jetzt keine Lust mich hier einzuarbeiten, aber auf der schnelle würde ich sagen, dass du beim Schließen und öffnen der CDs oder was das da ist eine Data Attribute setzt. Zb data-close 1/2 oder so.
Wenn du dann die grüne Leiste klickst, fragst du die ab, ob die vorher auf oder zu waren.
Dementsprechend kannst du die Zeilen verschwinden lassen oder beim klick auf Grün wieder öffnen.
Dann wäre es wahrscheinlich auch einfacher, die klick Events auf die <tr> Elemente zu setzten und nicht auf die <td>, Elemente.
Ich weiß, ich kann Scheiße erklären.
Am einfachsten wäre es, wenn du die Tabelle ganz anders zusammen setzt, doch dann ist es nicht valide, bzw. vielleicht ohne Tabelle.
Aber ohne Tabelle willst du wohl nicht, oder?
Kannst du die Tabelle überhaupt ändern, oder ist das HTML so vorgegeben?
 
Zuletzt bearbeitet:
Werbung:
Ja, es steht im Feld „Code“. Ich sehe im HTML die einzelnen Titel, aber sie werden mir im Browserfenster nicht angezeigt, sondern nur die Alben. Ich kann auch nichts aufklappen.
 
Und wenn du mutig bist, machst du es ohne jQuery.
Wenn man sowieso schon JQuery auf der Seite eingebunden hat, spricht ja nichts dagegen, das zu nutzen.
Ist es aber nicht vorhanden, kann man sowas auch mit nativen Javascript lösen.

Aber mach es erst mal mit JQuery, wenn du das am Laufen hast, ist es eine schöne Übung das mit Nativen JS zu machen.
 
@zorro um ehrlich zu sein, ich verstehe kein Wort von dem was Du mir damit sagen möchtest. Bzw. wo ich mit den Befehlen hin soll. Wenn ich mir deinen Post mit der Nr.#5 anschaue, der nicht im Papierkorb gelandet ist. Möchte ich ihn gerne verstehen. Bzw. möchte ich ihn gerste verstehnen, kannst du ihn mir bitte erklären.
 
Werbung:
@zorro logisch ist das nicht Dein Post, wenn man es löscht.
Code: 
   Lesezeichen hinzufügen
    #5

Man sollte es nicht zu umständlich machen...

Code:

<!DOCTYPE HTML>
<html lang=de>
  <meta charset=utf-8>
  <title>my CD</title>
  <link rel=stylesheet href=https://unpkg.com/@picocss/pico@latest/css/pico.min.css>
  <script src=https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js></script>
  <style>
    th {
        font-weight: bold;
        color: red;
    }
    tbody tr:first-child th:first-child{
        cursor:pointer;
    }
  </style>
  <script>
    $(document).ready( () =>
        $( "tbody tr:first-child th:first-child" )
          .click( el  =>
            $(el.target)
             .closest('tbody').find('tr:first-child~tr').toggle()
        )
    )
  </script>
<body class=container>
  <table>
    <thead>
      <tr>
        <th>Lfd. Nr
        <th colspan="3">Name der CD
        <tr>
        <th>01
        <th colspan="3">100 Rock Hits - The Sound of my Life
    <tbody>
      <tr>
        <th>cd1<th>Interpret<th>Titel<th>Zeit
      <tr>
        <td>01.<td>Golden Earring
        <td>Radar Love<td>05:05
      <tr>
        <td>02.<td>Heart
        <td>Barracuda<td>04:24
      <tr>
        <td>03.<td>Judas Priest
        <td>Living After Midnight<td>03:31
      <tr>
        <td>04.<td>Alice Cooper
        <td>No More Mr. Nice Guy<td>03:07
    <tbody> 
      <tr>
        <th>cd2<th>Interpret<th>Titel<th>Zeit
      <tr>
        <td>01.</td><td>Golden Earring
        <td>Radar Love<td>05:05
      <tr>
        <td>02.<td>Heart
        <td>Barracuda<td>04:24
      <tr>
        <td>03.<td>Judas Priest
        <td>Living After Midnight<td>03:31
      <tr>
        <td>04.<td>Alice Cooper
        <td>No More Mr. Nice Guy<td>03:07
        <tr>
    <tbody>
        <th>02.
        <th colspan="3">Andrea Bocelli - Cieli Di Toscana</th>
        <tr>
        <td>01.</td>
        <td>Andrea Bocelli</td>   
        <td>Chiara</td>   
        <td>04:04</td>


  </table>
Von wem sollte ich es den Code sonst haben?
 
@zorro
Code: 
<!DOCTYPE HTML>
<html lang="de">
<meta charset="utf-8">
<title>my CD</title>
<head>
<link rel=stylesheet href=https://unpkg.com/@picocss/pico@latest/css/pico.min.css>
  <script src=https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js></script>

<style>
cursor: pointer;
</style>




<script>

$ (":contains th:first-child")
.click("tr".closet)
$("tr").nextUntil("tr th").toggle()

</script>



</head>
<body class=container>
  <table>
    <thead>
      <tr>
      <th>Lfd. Nr</th>
      <th colspan="3">Name der CD</th>
      </tr>
     </head>

    
    <tbody>
     <tr>
     <th>01</th>
     <th colspan="3">100 Rock Hits - The Sound of my Life</th>
     </tr>
      <tr>
      <th>cd1</th>
      <th>Interpret</th>
      <th>Titel</th>
      <th>Zeit</th>
      </tr>
      <tr>
      <td>01.</td>
      <td>Golden Earring</td>
      <td>Radar Love</td>
      <td>05:05</td>
      </tr>
      <tr>
      <td>02.</td>
      <td>Heart</td>
      <td>Barracuda</td>
      <td>04:24</td>
      </tr>
      <tr>
      <th>cd2</th>
      <th>Interpret</th>
      <th>Titel</th>
      <th>Zeit</th>
      </tr>
      <tr>
      <td>01.</td>
      <td>Golden Earring 2</td>
      <td>Radar Love 2</td>
      <td>05:05</td>
      </tr>
      <tr>
      <td>02.</td>
      <td>Heart 2</td>
      <td>Barracuda 2</td>
      <td>04:24</td>
      </tr>
    <tbody>
     <tr>
     <th>02</th>
     <th colspan="3">100 Classic Hits</th>
     </tr>
      <tr>
      <th>cd1</th>
      <th>Interpret</th>
      <th>Titel</th>
      <th>Zeit</th>
      </th>
      <tr>
      <td>01.</td>
      <td>Judas Priest</td>
      <td>Living After Midnight</td>
      <td>03:31</td>
      </tr>
      <tr>
      <td>02.</td>
      <td>Alice Cooper</td>
      <td>No More Mr. Nice Guy</td>
      <td>03:07</td>
      </tr>
      <tr>
      <th>cd2</th>
      <th>Interpret</th>
      <th>Titel</th>
      <th>Zeit</th>
      </tr>
      <tr>
      <td>01.</td>
      <td>Golden Earring</td>
      <td>Radar Love</td>
      <td>05:05</td>
      </tr>
      <tr>
      <td>02.</td>
      <td>Heart</td>
      <td>Barracuda</td>
      <td>04:24</td>
    </tr>
    <tbody>
    </html>

Ich hoffe ich habe es verstanden, was du mir im #33 geschrieben hast. Ich würde mich freuen, wenn Du mir weiterhilfst.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben