|
|
| (341 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
|
| |
|
| | | __NICHT_INDEXIEREN__ |
| <html>
| |
| <style>
| |
| | |
| | |
| input[type="checkbox"]::before {
| |
| content: "";
| |
| width: 0.65em;
| |
| height: 0.65em;
| |
| clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
| |
| transform: scale(0);
| |
| transform-origin: bottom left;
| |
| transition: 120ms transform ease-in-out;
| |
| box-shadow: inset 1em 1em var(--form-control-color);
| |
| /* Windows High Contrast Mode */
| |
| background-color: CanvasText;
| |
| }
| |
| | |
| input[type="checkbox"]:checked::before {
| |
| transform: scale(1);
| |
| }
| |
| | |
| input[type="checkbox"]:focus {
| |
| outline: max(2px, 0.15em) solid currentColor;
| |
| outline-offset: max(2px, 0.15em);
| |
| }
| |
| #geschafft {
| |
| display: none; /* Den Text standardmäßig ausblenden */
| |
| }
| |
| | |
| | |
| | |
| | |
| </style>
| |
| | |
| | |
| | |
| <form method="post" action="/Tests/Post" style="font-family: system-ui, sans-serif;">
| |
| <fieldset>
| |
| <legend>Checkliste</legend>
| |
| <label class="form-control">
| |
| <input type="checkbox" name="favorite_pet" value="Cats" onclick="return ValidatePetSelection();"> Räumlichkeiten zeigen<br>
| |
| </label>
| |
| <input type="checkbox" name="favorite_pet" value="Dogs" onclick="return ValidatePetSelection();"> Unterscheidung zwischen allgemeinen Gegenständen und privaten<br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return ValidatePetSelection();"> Finanzierung der Kometin -> Wir sind ein Kulturverein 1)<br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return
| |
| ValidatePetSelection();"> Spendengläser , Getränke-Stricherliste, Einkaufs-liste zeigen <br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return
| |
| ValidatePetSelection();"> Momo und Killing vorstellen, zeigen wo Katzenleckerlis sind<br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return
| |
| ValidatePetSelection();"> Selbstorganisation erklären Heterarchie statt Hierarchie siehe 2)<br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return
| |
| ValidatePetSelection();"> Eigenverantwortung erklären -> gemeinsame Nutzung und Verwaltung <br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return
| |
| ValidatePetSelection();"> Aufgabenverteilung erklären 3) <br>
| |
| <br>
| |
| <input type="submit" value="Submit now">
| |
| </fieldset>
| |
| </form>
| |
| <p id="geschafft">Du hast es geschafft!</p>
| |
| | |
| | |
| <script>
| |
| function ValidatePetSelection() {
| |
| var checkboxes = document.querySelectorAll('input[type="checkbox"][name="favorite_pet"]');
| |
| var checkedCount = 0;
| |
| | |
| checkboxes.forEach(function(checkbox) {
| |
| if (checkbox.checked) {
| |
| checkedCount++;
| |
| }
| |
| });
| |
| | |
| var geschafft = document.getElementById("geschafft");
| |
| | |
| if (checkedCount === checkboxes.length) {
| |
| geschafft.style.display = "block"; // Den Text anzeigen
| |
| } else {
| |
| geschafft.style.display = "none"; // Den Text ausblenden
| |
| }
| |
| | |
| // true zurückgeben, damit die Standardaktion der Checkbox (Kontrollieren) fortgesetzt wird
| |
| return true;
| |
| }
| |
| </script>
| |
| </html>
| |
| # Kometin finanziert sich durch Mitgliedsbeiträge und Spenden. Mitgliedsbeiträge sind keine Miete, Entgelt für die Nutzung der Kometin!
| |
| # https://de.wikipedia.org/wiki/Selbstorganisation : Selbstorganisation ist eine Form der Systementwicklung, bei der formgebende oder gestaltende Einflüsse bei der „Evolution“ von Systemen von seinen Elementen selbst ausgehen. oda so ähnlich 😉
| |
| # Um die Herausforderungen der Selbstorganisation werden Aufgaben fair verteilt. Als Mitglied übernimmt man eine oder mehrere Aufgaben.
| |
