Helferliste<\/title>\n <style>\n \/* Stil f\u00fcr die Tabelle *\/\n table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 20px;\n font-family: Arial, sans-serif;\n }\n th, td {\n padding: 12px;\n border: 1px solid #ddd;\n text-align: left;\n }\n th {\n background-color: #4CAF50;\n color: white;\n font-weight: bold;\n }\n tr:nth-child(even) {\n background-color: #f2f2f2;\n }\n .table-title {\n font-size: 1.5em;\n color: #333;\n margin: 0;\n }\n .table-subtitle {\n font-size: 1.2em;\n color: #777;\n margin: 0 0 10px;\n font-style: italic;\n }\n small {\n font-family: Arial, sans-serif;\n color: #777; \/* Grauer Text f\u00fcr den Link *\/\n }\n\n small a {\n color: #777; \/* Linkfarbe grau *\/\n text-decoration: none; \/* Link ohne Unterstreichung *\/\n }\n\n small a:hover {\n text-decoration: underline; \/* Unterstreichung beim Hover *\/\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"tables-container\">\n \n <\/div>\n <small><a href=\"https:\/\/www.helferliste.online\">Erstelle deine eigenen kostenlosen Listen f\u00fcr Standdienste, Helferlisten, Mitbringlisten und G\u00e4stelisten zum Eintragen online<\/a><\/small>\n\n <script>\n \/\/ Konfigurierbare Parameter aus dem globalen `config`-Objekt oder Standardwerte\n const config = window.config || {\n titleColor: \"#000\",\n subtitleColor: \"#333\",\n headerBackgroundColor: \"#4CAF50\",\n headerTextColor: \"#fff\",\n rowStripeColor: \"#f2f2f2\",\n borderColor: \"#ddd\",\n fontFamily: \"Arial, sans-serif\",\n fontSize: \"16px\",\n titleFontSize: \"1.5em\",\n subtitleFontSize: \"1.2em\",\n };\n\n \/\/ Deinen Code hier einsetzen\n const fileName = '68503582-a9d26de3';\n\n \/\/ Funktion zum Laden und Darstellen der Tabellen\n async function loadAndDisplayTables() {\n try {\n \/\/ Verwende den Dateinamen in der Fetch-Anfrage\n const response = await fetch(`https:\/\/www.helferliste.online\/api\/json.php?file=${fileName}.json`);\n const data = await response.json();\n\n const container = document.getElementById('tables-container');\n\n \/\/ Stil f\u00fcr den Container anwenden\n container.style.fontFamily = config.fontFamily;\n container.style.fontSize = config.fontSize;\n\n \/\/ Jede Tabelle im JSON-Daten-Array durchlaufen\n data.tables.forEach(tableData => {\n \/\/ Tabellenname als Titel\n const tableTitle = document.createElement('h3');\n tableTitle.textContent = tableData.name;\n tableTitle.className = \"table-title\";\n tableTitle.style.color = config.titleColor;\n tableTitle.style.fontSize = config.titleFontSize;\n container.appendChild(tableTitle);\n\n \/\/ Untertitel hinzuf\u00fcgen, falls vorhanden\n if (tableData.subtitle) {\n const tableSubtitle = document.createElement('p');\n tableSubtitle.textContent = tableData.subtitle;\n tableSubtitle.className = \"table-subtitle\";\n tableSubtitle.style.color = config.subtitleColor;\n tableSubtitle.style.fontSize = config.subtitleFontSize;\n container.appendChild(tableSubtitle);\n }\n\n \/\/ Tabelle erstellen und Container hinzuf\u00fcgen\n const table = document.createElement('table');\n container.appendChild(table);\n\n \/\/ Tabellenkopf hinzuf\u00fcgen, falls Spalten\u00fcberschriften vorhanden sind\n if (tableData.columns) {\n const thead = table.createTHead();\n const headerRow = thead.insertRow();\n tableData.columns.forEach(column => {\n const th = document.createElement('th');\n th.textContent = column;\n th.style.backgroundColor = config.headerBackgroundColor;\n th.style.color = config.headerTextColor;\n headerRow.appendChild(th);\n });\n }\n\n \/\/ Tabellenk\u00f6rper hinzuf\u00fcgen und Zeilen aus den Daten erstellen\n const tbody = table.createTBody();\n tableData.rows.forEach(row => {\n const tr = tbody.insertRow();\n row.forEach(cellData => {\n const td = document.createElement('td');\n td.textContent = cellData.value;\n\n \/\/ Colspan und Rowspan setzen, falls vorhanden\n if (cellData.colspan) td.colSpan = cellData.colspan;\n if (cellData.rowspan) td.rowSpan = cellData.rowspan;\n\n \/\/ Zellenstil anwenden\n td.style.borderColor = config.borderColor;\n tr.appendChild(td);\n });\n });\n\n \/\/ Alternierende Zeilenfarbe anwenden\n Array.from(tbody.rows).forEach((row, index) => {\n if (index % 2 === 0) {\n row.style.backgroundColor = config.rowStripeColor;\n }\n });\n });\n\n \/\/ Link nach den Tabellen hinzuf\u00fcgen\n const link = document.createElement('a');\n link.href = `https:\/\/www.helferliste.online\/view.php?t=${fileName}`;\n link.textContent = 'Eintragen in die Helferlisten';\n container.appendChild(link);\n\n } catch (error) {\n console.error('Fehler beim Laden der Daten:', error);\n }\n }\n\n \/\/ Tabellen laden und anzeigen\n loadAndDisplayTables();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Auf dieser Seite findest du die Helfer\u00fcbersicht f\u00fcr die Ausstellung zum T\u00e4uferjubil\u00e4um in der Stadtscheuer. \u00dcber diesen Link kannst dich als Helfer eintagen. Helferliste Erstelle deine eigenen kostenlosen Listen f\u00fcr Standdienste, Helferlisten, Mitbringlisten und G\u00e4stelisten zum Eintragen online<\/p>\n","protected":false},"author":1,"featured_media":9763,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9758","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/pages\/9758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/comments?post=9758"}],"version-history":[{"count":5,"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/pages\/9758\/revisions"}],"predecessor-version":[{"id":9765,"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/pages\/9758\/revisions\/9765"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/media\/9763"}],"wp:attachment":[{"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/media?parent=9758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9758,"date":"2025-01-20T18:46:14","date_gmt":"2025-01-20T18:46:14","guid":{"rendered":"https:\/\/baptisten-waldshut.de\/?page_id=9758"},"modified":"2025-02-13T15:22:53","modified_gmt":"2025-02-13T15:22:53","slug":"mitarbeit-taeuferjubilaeum","status":"publish","type":"page","link":"https:\/\/baptisten-waldshut.de\/index.php\/mitarbeit-taeuferjubilaeum\/","title":{"rendered":"Mitarbeit T\u00e4uferjubil\u00e4um"},"content":{"rendered":"\n

Auf dieser Seite findest du die Helfer\u00fcbersicht f\u00fcr die Ausstellung zum T\u00e4uferjubil\u00e4um in der Stadtscheuer.
\u00dcber diesen Link kannst dich als Helfer eintagen. <\/a><\/p>\n\n\n\n\n\n \n \n Helferliste<\/title>\n <style>\n \/* Stil f\u00fcr die Tabelle *\/\n table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 20px;\n font-family: Arial, sans-serif;\n }\n th, td {\n padding: 12px;\n border: 1px solid #ddd;\n text-align: left;\n }\n th {\n background-color: #4CAF50;\n color: white;\n font-weight: bold;\n }\n tr:nth-child(even) {\n background-color: #f2f2f2;\n }\n .table-title {\n font-size: 1.5em;\n color: #333;\n margin: 0;\n }\n .table-subtitle {\n font-size: 1.2em;\n color: #777;\n margin: 0 0 10px;\n font-style: italic;\n }\n small {\n font-family: Arial, sans-serif;\n color: #777; \/* Grauer Text f\u00fcr den Link *\/\n }\n\n small a {\n color: #777; \/* Linkfarbe grau *\/\n text-decoration: none; \/* Link ohne Unterstreichung *\/\n }\n\n small a:hover {\n text-decoration: underline; \/* Unterstreichung beim Hover *\/\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"tables-container\">\n \n <\/div>\n <small><a href=\"https:\/\/www.helferliste.online\">Erstelle deine eigenen kostenlosen Listen f\u00fcr Standdienste, Helferlisten, Mitbringlisten und G\u00e4stelisten zum Eintragen online<\/a><\/small>\n\n <script>\n \/\/ Konfigurierbare Parameter aus dem globalen `config`-Objekt oder Standardwerte\n const config = window.config || {\n titleColor: \"#000\",\n subtitleColor: \"#333\",\n headerBackgroundColor: \"#4CAF50\",\n headerTextColor: \"#fff\",\n rowStripeColor: \"#f2f2f2\",\n borderColor: \"#ddd\",\n fontFamily: \"Arial, sans-serif\",\n fontSize: \"16px\",\n titleFontSize: \"1.5em\",\n subtitleFontSize: \"1.2em\",\n };\n\n \/\/ Deinen Code hier einsetzen\n const fileName = '68503582-a9d26de3';\n\n \/\/ Funktion zum Laden und Darstellen der Tabellen\n async function loadAndDisplayTables() {\n try {\n \/\/ Verwende den Dateinamen in der Fetch-Anfrage\n const response = await fetch(`https:\/\/www.helferliste.online\/api\/json.php?file=${fileName}.json`);\n const data = await response.json();\n\n const container = document.getElementById('tables-container');\n\n \/\/ Stil f\u00fcr den Container anwenden\n container.style.fontFamily = config.fontFamily;\n container.style.fontSize = config.fontSize;\n\n \/\/ Jede Tabelle im JSON-Daten-Array durchlaufen\n data.tables.forEach(tableData => {\n \/\/ Tabellenname als Titel\n const tableTitle = document.createElement('h3');\n tableTitle.textContent = tableData.name;\n tableTitle.className = \"table-title\";\n tableTitle.style.color = config.titleColor;\n tableTitle.style.fontSize = config.titleFontSize;\n container.appendChild(tableTitle);\n\n \/\/ Untertitel hinzuf\u00fcgen, falls vorhanden\n if (tableData.subtitle) {\n const tableSubtitle = document.createElement('p');\n tableSubtitle.textContent = tableData.subtitle;\n tableSubtitle.className = \"table-subtitle\";\n tableSubtitle.style.color = config.subtitleColor;\n tableSubtitle.style.fontSize = config.subtitleFontSize;\n container.appendChild(tableSubtitle);\n }\n\n \/\/ Tabelle erstellen und Container hinzuf\u00fcgen\n const table = document.createElement('table');\n container.appendChild(table);\n\n \/\/ Tabellenkopf hinzuf\u00fcgen, falls Spalten\u00fcberschriften vorhanden sind\n if (tableData.columns) {\n const thead = table.createTHead();\n const headerRow = thead.insertRow();\n tableData.columns.forEach(column => {\n const th = document.createElement('th');\n th.textContent = column;\n th.style.backgroundColor = config.headerBackgroundColor;\n th.style.color = config.headerTextColor;\n headerRow.appendChild(th);\n });\n }\n\n \/\/ Tabellenk\u00f6rper hinzuf\u00fcgen und Zeilen aus den Daten erstellen\n const tbody = table.createTBody();\n tableData.rows.forEach(row => {\n const tr = tbody.insertRow();\n row.forEach(cellData => {\n const td = document.createElement('td');\n td.textContent = cellData.value;\n\n \/\/ Colspan und Rowspan setzen, falls vorhanden\n if (cellData.colspan) td.colSpan = cellData.colspan;\n if (cellData.rowspan) td.rowSpan = cellData.rowspan;\n\n \/\/ Zellenstil anwenden\n td.style.borderColor = config.borderColor;\n tr.appendChild(td);\n });\n });\n\n \/\/ Alternierende Zeilenfarbe anwenden\n Array.from(tbody.rows).forEach((row, index) => {\n if (index % 2 === 0) {\n row.style.backgroundColor = config.rowStripeColor;\n }\n });\n });\n\n \/\/ Link nach den Tabellen hinzuf\u00fcgen\n const link = document.createElement('a');\n link.href = `https:\/\/www.helferliste.online\/view.php?t=${fileName}`;\n link.textContent = 'Eintragen in die Helferlisten';\n container.appendChild(link);\n\n } catch (error) {\n console.error('Fehler beim Laden der Daten:', error);\n }\n }\n\n \/\/ Tabellen laden und anzeigen\n loadAndDisplayTables();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Auf dieser Seite findest du die Helfer\u00fcbersicht f\u00fcr die Ausstellung zum T\u00e4uferjubil\u00e4um in der Stadtscheuer. \u00dcber diesen Link kannst dich als Helfer eintagen. Helferliste Erstelle deine eigenen kostenlosen Listen f\u00fcr Standdienste, Helferlisten, Mitbringlisten und G\u00e4stelisten zum Eintragen online<\/p>\n","protected":false},"author":1,"featured_media":9763,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9758","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/pages\/9758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/comments?post=9758"}],"version-history":[{"count":5,"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/pages\/9758\/revisions"}],"predecessor-version":[{"id":9765,"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/pages\/9758\/revisions\/9765"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/media\/9763"}],"wp:attachment":[{"href":"https:\/\/baptisten-waldshut.de\/index.php\/wp-json\/wp\/v2\/media?parent=9758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}