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

In eine Tabelle zweimal Daten importieren

flohuaba

Neues Mitglied
Hallo,

ich habe auf meiner Seite https://www.christianmaier.net/konzerte/ zwei Tabellen untereinander mit jeweils einem Künstler und dessen Daten.
Ich möchte die beiden "Touren" in eine Tabelle zusammenfügen und die Sortierung nach Datum behalten. Aktuell sind die beiden Tabellen so:

<table>
<thead>
<tr>
<th>Datum</th>
<th>Einlass</th>
<th>Beginn</th>
<th>Tour</th>
<th>Ticket URL</th>
<th>Ticket Hotline</th>
<th>Location</th>
<th>Strasse</th>
<th>PLZ</th>
<th>Ort</th>
</tr>
</thead>
<tbody class="cp-artist" data-size="100" data-artist-id="fe527fe0-03c7-4eb6-8088-6e524536ba43">
<tr>
<td class="cp-date" data-format="DD.MM.YYYY"></td>
<td class="cp-entrance" data-format="HH:mm">--:--</td>
<td class="cp-start" data-format="HH:mm">--:--</td>
<td class="cp-tour meineEigeneCSSKlasse" style="font-weight:bold">---</td>
<td class="cp-ticketURL" data-link-name="Hier klicken" data-link-target="_blank">---</td>
<td class="cp-ticketPhone">---</td>
<td class="cp-locationName">---</td>
<td class="cp-locationStreet">---</td>
<td class="cp-locationZip">---</td>
<td class="cp-locationCity" style="font-weight:bold">---</td>
</tr>
</tbody>
</table>

und die Zweite

<table>
<thead>
<tr>
<th>Datum</th>
<th>Einlass</th>
<th>Beginn</th>
<th>Tour</th>
<th>Ticket URL</th>
<th>Ticket Hotline</th>
<th>Location</th>
<th>Strasse</th>
<th>PLZ</th>
<th>Ort</th>
</tr>
</thead>
<tbody class="cp-artist" data-size="100" data-artist-id="ab7d8990-393e-4242-ba41-7897a1bd17c1">
<tr>
<td class="cp-date" data-format="DD.MM.YYYY"></td>
<td class="cp-entrance" data-format="HH:mm">--:--</td>
<td class="cp-start" data-format="HH:mm">--:--</td>
<td class="cp-tour meineEigeneCSSKlasse" style="font-weight:bold">---</td>
<td class="cp-ticketURL" data-link-name="Hier klicken" data-link-target="_blank">---</td>
<td class="cp-ticketPhone">---</td>
<td class="cp-locationName">---</td>
<td class="cp-locationStreet">---</td>
<td class="cp-locationZip">---</td>
<td class="cp-locationCity" style="font-weight:bold">---</td>
</tr>
</tbody>
</table>


Könnt ihr mir helfen und die beiden "data-artist-id"s in eine Tabelle integrieren?

Vielen Dank
 

basti1012

Senior HTML'ler
Wie kommen die daten den in der Tabelle rein `?
Ich gehe mal aus, das es ein Javascript macht.
Suche das Javascript und finde heraus, wie die Daten in der Tabelle komme.

Falls es durch eine Api ist oder so werden meistens die Daten für Tabelle 1 wahrscheinlich mit eine Abfrag von irgendwo geholt.
Das Script setzt die geholten Daten dann in der Tabelle ein

Das passiert bei der 2 Tabelle wohl auch.

Suche das Javascript und poste mal den Teil, dann kann ich weiterhelfen.
Wenn es keine WordPress Seite wäre, würde ich den Teil selbe suchen , doch WP bindet immer soviel JS und CSS Dateien, ein, die man nicht mal immer brauch, da ist mir der Spaß dran vergangen.

Die Daten werden von dieser Seite geholt
Suche mal im Code nach so ein Link , da wird wahrscheinlich auch die Tabelle gebaut.

Man könnte es auch anders machen.
So lassen wie es ist und nach fertigen laden die Tabellen auslesen , löschen und wieder zusammen setzen.
Das wäre dann sie fast und dirty Methode
 

flohuaba

Neues Mitglied
@basti1012
Im Header habe ich das gefunden:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.copilot-office.de/suedpol/copilot.js"></script>


und das
.flo-header--type-a .flo-header__menu--right>div>ul {
justify-content: flex-start !important;
}

.flo-header--type-a .flo-header__menu--left>div>ul {
justify-content: flex-end !important;
}
@media only screen and (max-width: 767px) {
.flo-mobile-menu__menu>li:first-child>a{
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
}
@media only screen and (min-width: 768px) {
.flo-header--type-c .flo-header__menu--left, .flo-header--type-c .flo-header__menu--right{
display: block;
}
}
.flo-block-contact-block-2 h2.flo-block-contact-block-2__form-title,
.flo-block-contact-block-2 button.flo-form-submit.flo-generic-button {
position: relative;
}
@media screen and (max-width: 767px) {
table thead {
display: none;
}
table td {
display: flex;
}

table td::before {
content: attr(label);
font-weight: bold;
width: 140px;
min-width: 140px;
}
/*
Label the data
*/
td:nth-of-type(1):before { content: "Datum"; }
td:nth-of-type(2):before { content: "Einlass"; }
td:nth-of-type(3):before { content: "Beginn"; }
td:nth-of-type(4):before { content: "Tour"; }
td:nth-of-type(5):before { content: "Ticket URL"; }
td:nth-of-type(6):before { content: "Ticket Hotline"; }
td:nth-of-type(7):before { content: "Location"; }
td:nth-of-type(8):before { content: "Strasse"; }
td:nth-of-type(9):before { content: "PLZ"; }
td:nth-of-type(10):before { content: "Ort"; }
}


kannst du damit was anfangen?
Tausend dank dir!
 

flohuaba

Neues Mitglied
und hast du zufällig eine Ahnung, wie man die Tabelle breiter bekommt? Ich habe schon alles versucht und schaffe es nicht.
 

basti1012

Senior HTML'ler
Das ist nicht das, was ich meine. Ich gucke nachher mal nach, ob ich es finde.
Hast du irgendein Plugin oder Erweiterung installiert , damit die Tabelle und das Abfragen der Daten funktioniert?

Ich selber bin kein Freund von WP , bzw. CMS Systeme und so , deswegen musst du, dann gucken, ob man das irgendwo in den Einstellungen ändern kann. Ist das ein selbst erstelltes Script, dann konnte man das bei WP bestimmt irgendwo selber eingeben / installieren. Wenn es ein Plugin ist , kann es sein das es da auch irgendwelche Einstellungen, gibt um diese zu ändern.
Das musst du mal gucken.
Ich schaue gleich mal was ich finden kann.
Wahrscheinlich werde ich dir dann sagen können, wie man das Script ändert, damit es geht.
Es könnte nur ein Problem geben. Wenn WP mal ein Update macht , kann es sein das die Scripte ein Update kriegen und der Code nicht mehr funktioniert.

Beantworte mir erstmal die erste Frage bitte
 

flohuaba

Neues Mitglied
Ein Plugin ist nicht installiert. Ich habe nur im Header das Skript eingefügt:
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.copilot-office.de/suedpol/copilot.js"></script>

Und auf der Seite "Konzerte" die beiden HTML Tabelle wie oben aufgeführt.

Ich kenne mich leider gar nicht aus - ich habe nur die HTML Tabelle wie oben bekommen - die Konzerte trägt jemand in ein System ein und das wird durch den Code übertragen.

Auf der Startseite ist ein kleines Fenster mit nur wenig Konzerten - hier ist das Script hinterlegt:
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.copilot-office.de/suedpol/copilot.js"></script><table><thead> <tr><th>Datum</th><th>Location</th><th>Ort</th></tr></thead><tbody class="cp-artist" data-size="6" data-artist-id="bd1c238c-ef78-4976-b7a7-858f9bf7ba78"><tr><td class="cp-date" data-format="DD.MM.YYYY"></td><td class="cp-locationName">---</td><td class="cp-locationCity" style="font-weight:bold">---</td></tr></tbody></table>
 

basti1012

Senior HTML'ler
Das tolle ist das man eigentlich nicht viel ändern muss, da der code das eigentlich schon kann. Du hast ja jetzt 2 Tabellen eingebunden.
Lösche die zweite einfach.
Und gebe die data-artist id in der ersten mit ein , mit einen Komma getrennt.

Also kurz gesagt , dein HTML Code muss nur noch so aussehen und nicht wie in deinen ersten Beitrag

Code:
<table>
  <thead>
    <tr>
      <th>Datum</th>
      <th>Einlass</th>
      <th>Beginn</th>
      <th>Tour</th>
      <th>Ticket URL</th>
      <th>Ticket Hotline</th>
      <th>Location</th>
      <th>Strasse</th>
      <th>PLZ</th>
      <th>Ort</th>
    </tr>
  </thead>
  <tbody class="cp-artist" data-size="100" data-artist-id="fe527fe0-03c7-4eb6-8088-6e524536ba43,ab7d8990-393e-4242-ba41-7897a1bd17c1">
    <tr>
      <td class="cp-date" data-format="DD.MM.YYYY"></td>
      <td class="cp-entrance" data-format="HH:mm">&#8211;:&#8211;</td>
      <td class="cp-start" data-format="HH:mm">&#8211;:&#8211;</td>
      <td class="cp-tour meineEigeneCSSKlasse" style="font-weight:bold">&#8212;</td>
      <td class="cp-ticketURL" data-link-name="Hier klicken" data-link-target="_blank">&#8212;</td>
      <td class="cp-ticketPhone">&#8212;</td>
      <td class="cp-locationName">&#8212;</td>
      <td class="cp-locationStreet">&#8212;</td>
      <td class="cp-locationZip">&#8212;</td>
      <td class="cp-locationCity" style="font-weight:bold">&#8212;</td>
    </tr>
  </tbody>
</table>

Sollte eigentlich klappen.
Ps: Um weitere Artisten in der Tabelle hinzuzufügen brauchst du nur die ID dazu mit einen Komma getrennt dazuschreiben
 
Zuletzt bearbeitet:

flohuaba

Neues Mitglied
MEGA! Geht. Tausend dank dir!!
So einfach kann es manchmal sein - aber wenn man so gar nichts davon versteht wie ich, kann es nerven kosten ;)
 
Werbung:
Oben