Altersprüfung

[inno]

Hallo,
gibt es für Mobirise eine Abfrage des Alters (Altersprüfung).
Grüße

[Tommy Herrmann]

Moin,

nee - also nicht das ich das wüsste - und - wie sollte Mobirise das auch machen

Was hast Du denn mit so einer Altersabfrage vor - gibt jemand an, er wäre 18 Jahre alt, muss das ja noch lange nicht stimmen

Man könnte das vielleicht über ein Formular machen - also nur wenn 18 Jahre bestätigt wird, auf eine bestimmte Seite weiterleiten.

Hier mal ein Beispiel, das ich eigentlich nur wegen eines mehrseitigen Formulars erstellt hatte:

https://www.mobirise-tutorials.com/Test ... rclab.html

Auf Seite -2- kommt eine Alterabfrage, ist der Geburtstag weniger als 18 Jahre her, geht es nicht weiter.



Ich hatte mal vor vielen Jahren so etwas in PHP hier gebastelt, damals noch für die Software NOF.

http://www.tommyherrmanndesign.com/nof/FormularAlter/

Ich habe aber gerade keine Zeit das in Mobirise einzubauen und mich damit zu beschäftigen.



Du kannst auch mal Google bemühen, es gibt da alle möglichen Widgets, die kosten aber meist ganz schön:

https://agechecker.net/age-gate/create

… oder eben selbst basteln, das wiederum kostet Zeit.

[stobi_de]

Die ganzen Whiskey und Co - Seiten haben nur eine ganz einfache Abfrage drin: Ich bin 18 - JA / NEIN.
Bei NEIN gehts nicht weiter.
Du brauchst ein Popup, was ein Cookie setzt.
Bissl Gefummel.

[Tommy Herrmann]

... ich erstelle gleich mal eine Seite mit einem einfachen Script.

[Tommy Herrmann]

Ich hatte dieses funktionierende Skript gefunden und dachte ich baue das mal eben ein.

Code: Alles auswählen

<script>
function checkAge(button) {
  var form = button.form;
  var result = document.getElementById("answer");

  result.innerHTML = form.age.value >= 18? 'Du bist alt genug.' :
                     form.adult.checked? 'Du bist nicht alt genug, jedoch in Begleitung von einem Erwachsenen.' :
                     'Du bist nicht alt genug und ohne Begleitung eines Erwachsenen.';
}
</script>

<form>  
  <label>Mein Alter: <input type="text" name="age" class="form-control"></label>
  <label>In Begleitung eines Erwachsenen: <input type="checkbox" name="adult" class="form-control"></label>
  <input type="button" onclick="checkAge(this)" value="Alter bestätigen">
  <p id="answer"></p>
</form>

Das funktioniert prima - nur nicht in Mobirise - habe gerade keine Ahnung warum

[inno]

Danke! Dann schaue ich mal, ob es externes Tool zum Einbauen gibt!

[Tommy Herrmann]

Moin,

ich habe jetzt mal ein Script zur Altersabfrage hier eingebaut:

https://www.mobirise-tutorials.com/Tuto ... Alter.html

Vielleicht hilft es ja dem einen oder anderen etwas weiter.

Das Script ist aber meiner Meinung nach nicht ganz korrekt, denn es werden nicht die Millisekunden zwischen den Tagen berechnet und so entsteht eventuell eine Differenz von 1 - 2 Tagen.

Kann hier jemand so gut JavaScript um das anzupassen?

Code: Alles auswählen

<script>
function ageCalculator() {
  var userinput = document.getElementById("DOB").value;
  var dob = new Date(userinput);
  if(userinput==null || userinput=='') {
    document.getElementById("message").innerHTML = "Wähle Datum";
    return false;
  } else {
  document.getElementById("message").innerHTML = "";
  
  //calculate month difference from current date in time
  var month_diff = Date.now() - dob.getTime();
  
  //convert the calculated difference in date format
  var age_dt = new Date(month_diff);
  
  //extract year from date
  var year = age_dt.getUTCFullYear();
  
  //now calculate the age of the user
  var age = Math.abs(year - 1970);
  
  //display the calculated age
  return document.getElementById("result").innerHTML =
      age + " Jahre";
  }
}
</script>

[inno]

Danke! Schaue ich mir an!

[Tommy Herrmann]

Moin,

Ich habe jetzt ein Popup-Fenster von Mobirise eingebaut, das sich nur durch die Bestätigung, dass man 18 Jahre alt ist, schließen lässt.

https://www.mobirise-tutorials.com/Tuto ... Alter.html

Wie man den Hintergrund-Klick am Popup verhindert und anderen Syntax zum Schließen findest Du hier:

https://www.mobirise-tutorials.com/Tuto ... Popup.html

[Tommy Herrmann]

Moin,

das wollte ich doch noch schnell loswerden.

Da sucht man ewig nach passenden Skripten und findet dann doch nicht ganz das, was man wollte.

Da fiel mir wieder ein, dass es ja die KI (künstliche Intelligenz) gibt und ich habe "ChatGPT" mal mit folgender Anweisung bemüht:

Bitte erstelle ein JavaScript mit Eingabefeld Datum und Datepicker für den Geburtstag und berechne das Alter.

Diese gesamte HTML-Seite wurde in knapp 3 Sekunden von ChatGPT generiert und auch noch entsprechende Erklärungen mit dabei:

Code: Alles auswählen

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alter berechnen</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            padding: 20px;
        }
        .container {
            max-width: 300px;
            margin: 0 auto;
        }
        label, input, button {
            display: block;
            width: 100%;
            margin: 10px 0;
        }
        button {
            padding: 10px;
            background-color: #007BFF;
            color: white;
            border: none;
            cursor: pointer;
        }
        button:hover {
            background-color: #0056b3;
        }
        .result {
            margin-top: 20px;
            font-size: 1.2em;
            color: #333;
        }
    </style>
</head>
<body>
    <div class="container">
        <label for="birthdate">Geburtsdatum:</label>
        <input type="date" id="birthdate">
        <button onclick="calculateAge()">Alter berechnen</button>
        <div class="result" id="result"></div>
    </div>

    <script>
        function calculateAge() {
            const birthdate = document.getElementById('birthdate').value;
            if (!birthdate) {
                alert("Bitte ein Geburtsdatum eingeben.");
                return;
            }

            const birthDate = new Date(birthdate);
            const today = new Date();
            let age = today.getFullYear() - birthDate.getFullYear();
            const monthDifference = today.getMonth() - birthDate.getMonth();

            // Überprüfen, ob der Geburtstag in diesem Jahr bereits war oder noch kommt
            if (monthDifference < 0 || (monthDifference === 0 && today.getDate() < birthDate.getDate())) {
                age--;
            }

            document.getElementById('result').innerText = `Das Alter ist: ${age} Jahre`;
        }
    </script>
</body>
</html>

Schön ist auch, dass die Skripte oder Seiten bei der Nutzung der KI immer etwas anders ausfallen und dadurch (mehr oder weniger) individuell bleiben.

Das ist echt faszinierend

... und auch ein wenig beängstigend, wenn man bedenkt, dass das alles erst ganz am Anfang seiner Entwicklung steht

Ich habe meine Seite entsprechend angepasst und dieses Skript eingebaut, da es weitaus besser ist als das des Profis:

https://www.mobirise-tutorials.com/Tuto ... Alter.html