Familienangebote im August: Unterschied zwischen den Versionen

Aus Bündnis für Familie Tübingen.
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
Markierungen: Manuelle Zurücksetzung Zurückgesetzt
Zeile 1: Zeile 1:
javascript
<!DOCTYPE html>
function renderDay(cell, day, data) {


    cell.innerHTML = `
<html lang="de">
        <div class="day-number">${day}</div>
<head>
<meta charset="UTF-8">
<title>Familienangebote August 2026</title>


        <div class="note">
<style>
            <strong>Was:</strong><br>
body {
            ${data.was || "-"}<br><br>
    font-family: Arial, sans-serif;
    margin: 20px;
}


            <strong>Wann:</strong><br>
h2 {
            ${data.wann || "-"}<br><br>
    text-align: center;
}


            <strong>Zielgruppe:</strong><br>
.calendar {
            ${data.zielgruppe || "-"}<br><br>
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
}


            <strong>Wo:</strong><br>
.weekday {
            ${data.wo || "-"}<br><br>
    font-weight: bold;
    text-align: center;
    padding: 10px;
    background: #f0f0f0;
}


            <strong>Anmeldung:</strong><br>
.day {
            ${data.anmeldung || "-"}<br><br>
    border: 1px solid #ccc;
    min-height: 120px;
    padding: 8px;
    cursor: pointer;
    background: #fff;
    transition: 0.2s;
}


            <strong>Link:</strong><br>
.day:hover {
            ${
    background: #f8f8f8;
                data.link
                ? `<a href="${data.link}" target="_blank">öffnen</a>`
                : "-"
            }
        </div>
    `;
}
}


// Tage erzeugen
.day-number {
for(let day = 1; day <= 31; day++) {
    font-weight: bold;
    margin-bottom: 5px;
}


     const cell = document.createElement("div");
.note {
     cell.className = "day";
     font-size: 13px;
     white-space: pre-wrap;
}
</style>


    const key = "august2026_" + day;
</head>
<body>


    const savedData = JSON.parse(
<h2>Familienangebote – August 2026</h2>
        localStorage.getItem(key) || "{}"
    );


    renderDay(cell, day, savedData);
<div class="calendar" id="calendar"></div>


    cell.addEventListener("click", () => {
<script>
const calendar = document.getElementById("calendar");


        const data = JSON.parse(
const weekdays = [
            localStorage.getItem(key) || "{}"
    "Mo","Di","Mi","Do","Fr","Sa","So"
        );
];


        const was = prompt("Was?", data.was || "");
weekdays.forEach(day => {
        if (was === null) return;
    const el = document.createElement("div");
    el.className = "weekday";
    el.textContent = day;
    calendar.appendChild(el);
});


        const wann = prompt("Wann?", data.wann || "");
// August 2026 beginnt an einem Samstag
        if (wann === null) return;
const firstDayOffset = 5;


        const zielgruppe = prompt(
// Leere Felder vor dem 1. August
            "Zielgruppe?",
for(let i = 0; i < firstDayOffset; i++){
            data.zielgruppe || ""
    const empty = document.createElement("div");
        );
    calendar.appendChild(empty);
        if (zielgruppe === null) return;
}


        const wo = prompt(
// Tage erzeugen
            "Wo?",
for(let day = 1; day <= 31; day++) {
            data.wo || ""
        );
        if (wo === null) return;


        const anmeldung = prompt(
    const cell = document.createElement("div");
            "Anmeldung?",
    cell.className = "day";
            data.anmeldung || ""
        );
        if (anmeldung === null) return;


        const link = prompt(
    const key = "august2026_" + day;
            "Link?",
    const savedText = localStorage.getItem(key) || "";
            data.link || ""
        );
        if (link === null) return;


         const newData = {
    cell.innerHTML = `
            was,
         <div class="day-number">${day}</div>
            wann,
         <div class="note">${savedText}</div>
            zielgruppe,
    `;
            wo,
            anmeldung,
            link
         };


         localStorage.setItem(
    cell.addEventListener("click", () => {
             key,
         const current = localStorage.getItem(key) || "";
             JSON.stringify(newData)
        const text = prompt(
             "Eintrag für den " + day + ". August 2026:",
             current
         );
         );


         renderDay(cell, day, newData);
         if(text !== null) {
            localStorage.setItem(key, text);
            cell.querySelector(".note").textContent = text;
        }
     });
     });


     calendar.appendChild(cell);
     calendar.appendChild(cell);
}
}
</script>
</body>
</html>

Version vom 9. Juni 2026, 09:05 Uhr

<!DOCTYPE html>

Familienangebote August 2026

Familienangebote – August 2026

Abgerufen von „https://www.buendnis-fuer-familie-tuebingen.de/mediawiki/index.php?title=Familienangebote_im_August&oldid=8335“