Zum Inhalt springen
Trainingszeiten

document.addEventListener("DOMContentLoaded", function() { var container = document.querySelector(".trainingszeiten-tabelle-container"); var url = container.getAttribute("data-url"); var seitentitel = container.getAttribute("data-seitentitel"); // Google Maps Links für die Orte var ortLinks = { "Jahnhalle": "https://www.google.de/maps/place/Jahnhalle/@51.7590749,8.029803,17z/data=!3m2!4b1!5s0x47b9826341f336b7:0xdbcf1a64a2cb5ea8!4m6!3m5!1s0x47b9826346c50869:0xd5329dd0fc4c5bbb!8m2!3d51.7590716!4d8.0323779!16s%2Fg%2F1vf9bg6y?entry=ttu&g_ep=EgoyMDI0MDgyNi4wIKXMDSoASAFQAw%3D%3D", "KBS": "https://www.google.de/maps/place/51%C2%B044%2751.5%22N+8%C2%B002%2720.8%22E/@51.747635,8.0383335,18z/data=!3m1!4b1!4m4!3m3!8m2!3d51.747634!4d8.039099?entry=ttu&g_ep=EgoyMDI0MDgyNi4wIKXMDSoASAFQAw%3D%3D", "Grundschule Mitte": "https://www.google.de/maps/place/Brinkmannstra%C3%9Fe+5,+59269+Beckum/@51.7505952,8.04213,19z/data=!3m1!4b1!4m6!3m5!1s0x47b98276c1a7c7fb:0x4e7e5b65a9807bfa!8m2!3d51.7505944!4d8.0433477!16s%2Fg%2F11crwmgzng?entry=ttu&g_ep=EgoyMDI0MDgyNi4wIKXMDSoASAFQAw%3D%3D" }; fetch(url) .then(response => response.arrayBuffer()) .then(data => { var workbook = XLSX.read(new Uint8Array(data), { type: "array" }); var sheetName = workbook.SheetNames[0]; var worksheet = workbook.Sheets[sheetName]; var rows = XLSX.utils.sheet_to_json(worksheet, { header: 1 }); var zeileGefunden = false; var htmlContent = "" + "" + "" + "" + "" + "" + "" + ""; for (var i = 0; i < rows.length; i++) { // Start ab Zeile 0 if (rows[i][0] && rows[i][0].toLowerCase() === seitentitel.toLowerCase()) { zeileGefunden = true; // Iteriere über die Trainingszeiten und -orte for (var j = 1; j < rows[i].length; j += 2) { var trainingszeit = rows[i][j] || ""; var trainingsort = rows[i][j + 1] || ""; if (trainingszeit && trainingsort) { var ortLink = ortLinks[trainingsort] ? "" + trainingsort + "" : trainingsort; htmlContent += "" + "" + "" + ""; } } break; // Die entsprechende Mannschaft wurde gefunden, Schleife kann beendet werden } } if (!zeileGefunden) { htmlContent += ""; } htmlContent += "
ZeitOrt
" + trainingszeit + "" + ortLink + "
Keine Trainingszeiten gefunden.
"; container.innerHTML = htmlContent; }) .catch(function(error) { container.innerHTML = "

Fehler beim Laden der Excel-Datei.

"; console.error(error); }); }); .trainingszeiten-tabelle { width: 100%; border: 2px solid #298501; /* Rahmen um die Tabelle */ border-radius: 5px; /* Abgerundete Ecken */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Schatteneffekt */ overflow: hidden; /* Verhindert, dass Inhalte aus dem Rahmen herausragen */ } .trainingszeiten-tabelle th, .trainingszeiten-tabelle td { text-align: left; } .trainingszeiten-tabelle tr:nth-child(odd) td { background-color: #ffffff; /* Weiße Hintergrundfarbe für ungerade Zeilen */ } .trainingszeiten-tabelle tr:nth-child(even) td { background-color: #f5f5f5; /* Graue Hintergrundfarbe für gerade Zeilen */ } .trainingszeiten-tabelle a { text-decoration: none; /* Entfernt die Unterstreichung */ color: inherit; /* Übernimmt die Farbe des Textes */ }

Ansprechpartner

document.addEventListener("DOMContentLoaded", function() { var container = document.querySelector(".trainer-profile-container"); var url = container.getAttribute("data-url"); var seitentitel = container.getAttribute("data-seitentitel"); fetch(url) .then(response => response.arrayBuffer()) .then(data => { var workbook = XLSX.read(new Uint8Array(data), { type: "array" }); var sheetName = workbook.SheetNames[0]; var worksheet = workbook.Sheets[sheetName]; var rows = XLSX.utils.sheet_to_json(worksheet, { header: 1 }); var htmlContent = "
"; // Starte bei i = 1, um die Header-Zeile zu überspringen for (var i = 1; i < rows.length; i++) { if (rows[i][0] && rows[i][0].toLowerCase() === seitentitel.toLowerCase()) { var name = rows[i][1]; var bild_url = rows[i][2]; var position = rows[i][3] || ""; var lizenz = rows[i][4] ? "

Lizenz:
" + rows[i][4] + "

" : ""; var jahrgang = rows[i][5] ? "

Jahrgang:
" + rows[i][5] + "

" : ""; var telefonnummer = rows[i][6] || ""; htmlContent += "
" + "" + "" + "" + "" + "" + "" + "" + "
" + name + "
" + "" + "
" + "

Position:
" + position + "

" + lizenz + jahrgang + "

Kontakt:
" + telefonnummer + "

" + "
" + "
" + "
"; } } htmlContent += "
"; container.innerHTML = htmlContent; }) .catch(function(error) { container.innerHTML = "

Fehler beim Laden der Excel-Datei.

"; console.error(error); }); }); .trainer-profile-grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; } .trainer-profile { width: calc(50% - 10px); /* Zwei Tabellen pro Zeile, mit Platz für Abstand */ box-sizing: border-box; position: relative; } .trainer-profile table { height: 350px; /* Feste Höhe für alle Tabellen */ } .trainer-profile td { vertical-align: top; position: relative; } .trainer-profile img { width: 150px; height: auto; float: left; margin-right: 20px; } .trainer-profile div { overflow: hidden; padding-top: 10px; } .trainer-profile p { margin-bottom: 10px; margin-top: 0; } @media screen and (max-width: 768px) { .trainer-profile { width: 100%; /* Eine Tabelle pro Zeile bei kleineren Bildschirmen */ } }

Beckum. Ein unbestrittener Höhepunkt im Ferienprogramm ist für die Mädchen und Jungen das Volksbank-Familienfest, zu dem die Volksbank Beckum-Lippstadt und der Turnverein Beckum gemeinsam auf den Beckumer Marktplatz einladen. Zum zehnten Mal öffnete dieses Spieleparadies am Sonntagnachmittag für die Kinder und Jugendlichen die Pforten. Und bei besten Wetterbedingungen nutzte der Nachwuchs dieses Highlight der Sommerferien in Scharen und erlebte bei freiem Eintritt etwas Besonderes. Mit riesigen Sport- und Spielgeräten wurde den jungen Besuchern auch diesmal etwas Nichtalltägliches geboten. Für einem Ritt auf einem störrischen Tier beim beliebten Bullenreiten oder direkt daneben beim Bungee-Jumping reihten sich die Gäste für das Ferienvergnügen gerne in die Schlange der Wartenden ein.