Verwandte Themen

Geomatrics1
02.03.2021, 22:13
Mit Bildern
Wie kann ich bei einer richtiger Antwort einen Text anzeigen lassen und bei einer falscher Antwort einen anderen?

 Ich möchte auf meiner Webseite ein kleines Multiple-choice-Quiz machen.

Hier möchte ich, dass, wenn man das Richtige auswählt und auf Lösung klickt, eine Nachricht erscheint, dass dies die richtige Lösung ist. Bei einer falschen dann halt, dass es die falsche Antwort ist.

Ich könnte hier nach action="/Tests/Posts" eine andere Webseite öffnen lassen. Aber dann würde sich ja bei der falschen Antwort und bei der richtigen Antwort das gleiche Fenster öffnen.

<form method="post" action="/Tests/Post">
  <fieldset>
    <legend>Bei Längswellen erfolgt die Schwingung ... Ausbreitungsrichtung.</legend>
    <input type="checkbox" name="schwingung" value="in" onclick="return ValidatePetSelection();">... in ...<br>
    <input type="checkbox" name="schwingung" value="querZur" onclick="return ValidatePetSelection();">... quer zur ...<br>
    <input type="checkbox" name="schwingung" value="Birds" onclick="return ValidatePetSelection();">... gegen ...<br>
    <br>
    <input type="submit" value="Lösung">
  </fieldset>
</form>
<script type="text/javascript">
  function ValidatePetSelection() {
    var checkboxes = document.getElementsByName("schwingung");
    var numberOfCheckedItems = 0;

    for (var i = 0; i < checkboxes.length; i++) {
      if (checkboxes[i].checked)
        numberOfCheckedItems++;
    }

    if (numberOfCheckedItems > 1) {
      alert("Es ist genau eine Antwort richtig.");
      return false;
    }
  }
</script>
Bild zum Beitrag
Computer, Schule, HTML, CSS, JavaScript, Script, checkbox, Multiple Choice
2 Antworten
hTobi02
15.02.2021, 08:44
Mit Links
JSON in editierbaren HTML Table?

Hallo zusammen,

ich versuche zur Zeit folgende JSON-Datei in eine editierbare, dynamische HTML-Table einzulesen, aber scheitere leider schon beim einlesen der JSON-Datei. 

{
 "listenPort": 25565,
 "backendServerMappings": [
   {
    "mappingDomain": "example.com",
    "backendServerAddress": "192.168.1.10",
    "backendServerPort": 25565
   },
   {
    "mappingDomain": "ftb.example.com",
    "backendServerAddress": "192.168.1.20",
    "backendServerPort": 25565
   }
 ]
}

Als HTML habe ich folgenden Schnipsel schon im Internet gefunden, welcher aber die JSON nicht richtig einliest:

<html lang="de"> 
<head> 
  <meta charset="UTF-8"> 
  <title>Cleanstone Configuration</title> 
  <script src= "https://code.jquery.com/jquery-3.5.1.js"></script> 
   <style> 
    table { 
      margin: 0 auto; 
      font-size: large; 
      border: 1px solid black; 
    } 
  
    h1 { 
      text-align: center; 
      color: #006600; 
      font-size: xx-large; 
      font-family: 'Gill Sans',  
        'Gill Sans MT', ' Calibri',  
        'Trebuchet MS', 'sans-serif'; 
    } 
  
    td { 
      background-color: #E4F5D4; 
      border: 1px solid black; 
    } 
  
    th, 
    td { 
      font-weight: bold; 
      border: 1px solid black; 
      padding: 10px; 
      text-align: center; 
    } 
  
    td { 
      font-weight: lighter; 
    } 
  </style> 
</head> 
  
<body> 
  <section> 
    <h1>Minecraft Cleanstone Configuration</h1> 
  
    <!-- TABLE CONSTRUCTION-->
    <table id='table'> 
      <!-- HEADING FORMATION -->
      <tr> 
        <th>Domain</th> 
        <th>Server Address</th> 
        <th>Server Port</th> 
      </tr> 
  
      <script> 
        $(document).ready(function () { 
  
          // FETCHING DATA FROM JSON FILE 
          $.getJSON("config.json",  
              function (data) { 
            var student = ''; 
  
            // ITERATING THROUGH OBJECTS 
            $.each(data, function (key, value) { 
  
              //CONSTRUCTION OF ROWS HAVING 
              // DATA FROM JSON OBJECT 
              student += '<tr>'; 
              student += '<td>' +  
                value.mappingDomain + '</td>'; 
  
              student += '<td>' +  
                value.backendServerAddress + '</td>'; 
  
              student += '<td>' +  
                value.backendServerPort + '</td>'; 
  
              student += '</tr>'; 
            }); 
              
            //INSERTING ROWS INTO TABLE  
            $('#table').append(student); 
          }); 
        }); 
      </script> 
  </section> 
</body> 
  
</html> 

Ich würde auch gerne die json-Datei editieren können und auch abspeichern können. Wie genau ist das möglich?

Ich bedanke mich schonmal im Voraus und entschuldige mich für ggf. unklare Ausdrucksweisen.

HTML, programmieren, Informatik, JSON-Datei
1 Antwort
Fxbyy420
05.02.2021, 15:54
Frage wurde 1 Mal erneut gestellt
HTML Formular Input in SQLite Datenbank speichern, (mit NodeJS) wie?

Hallo. Ich möchte den Input eines HTML-Formulars mit Hilfe von Node in eine SQLite Datenbank einfügen.

Mein index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello world!</title>
    <script src="sqlite.js"></script>
</head>
<body>

    <form action="/team_name_url/" method="post">
        <label for="team_name">Enter name: </label>
        <input id="team_name" type="text" name="name_field" value="Default name for team.">
        <input type="submit" value="OK">
    </form>

</body>
</html>

Mein sqlite.js:

const sqlite3 = require('sqlite3');
const db = new sqlite3.Database('./sqlite.db');

let express = require('express');
let app = express();
const bodyParser= require('body-parser');


app.use(bodyParser.urlencoded({extended:true}));

app.post('/',(req,res)=>{
let placeName = req.body.PlaceName; 
});


db.run(`INSERT INTO places (id, name, coords) VALUES(4, ${placeName}, '1234, 5678');`, function(err) {
    if (err) {
        return console.log(err.message);
    }

    console.log(`A row has been inserted with rowid ${this.lastID}`);


});

db.close();
SQL, HTML, programmieren, JavaScript, Datenbank, SQLite, node.js, node
2 Antworten
speedwanted55
04.01.2021, 18:32
Mit Links
Datei zu PHP Formmailer anhängen?

Hallo!

Ich habe ein kleines Kontaktformular welches Name und Text an einen vorher Festgelegten Absender schickt. Nun möchte ich das man dazu noch eine Datei anhängen kann, die an mit an die Email angehangen wird. Ich habe einen PHP Mailer. Bis zum Dateiupload funktioniert alles. Also Namen sowie Text werden übertragen, aber es scheitert am Dateiupload. Ich bitte um Hilfe, was kann ich machen damit die Datei an die Email angehangen wird? Ich poste hier mal die beiden Codes... Bitte helft mir!

CODE FORMULAR (mail.php):

https://pastebin.com/p8yp9zZW

CODE PHP MAILER (mailer-engine.php)

<?php


// ======= Konfiguration:


$mailTo =  $_POST['Empfänger'];
$mailFrom = 'Schüler der Klasse 9-3 <****@***.de>';
$mailSubject = 'Email von einem Schüler der Klasse 9-3 [Weitergeleitet über Notfallcloud der Klasse 9-3]';
$returnPage = 'form_erfolg.html';
$returnErrorPage = 'form_fehler.html';
$mailText = "";


// ======= Text der Mail aus den Formularfeldern erstellen:


// Wenn Daten mit method="post" versendet wurden:
if(isset($_POST)) {
   // alle Formularfelder der Reihe nach durchgehen:
   foreach($_POST as $name => $value) {
      // Wenn der Feldwert aus mehreren Werten besteht:
      // (z.B. <select multiple>)
      if(is_array($value)) {
          // "Feldname:" und Zeilenumbruch dem Mailtext hinzufügen
          $mailText .= $name . ":\n";
          // alle Werte des Feldes abarbeiten
          foreach($valueArray as $entry) {
             // Einrückungsleerzeichen, Wert und Zeilenumbruch
             // dem Mailtext hinzufügen
             $mailText .= "   " . $value . "\n";
          } // ENDE: foreach
      } // ENDE: if
      // Wenn der Feldwert ein einzelner Feldwert ist:
      else {
          // "Feldname:", Wert und Zeilenumbruch dem Mailtext hinzufügen
          $mailText .= $name . ": " . $value . "\n";
      } // ENDE: else
   } // ENDE: foreach
} // if


// ======= Korrekturen vor dem Mailversand


// Wenn PHP "Magic Quotes" vor Apostrophzeichen einfügt:
 if(get_magic_quotes_gpc()) {
     // eventuell eingefügte Backslashes entfernen
     $mailtext = stripslashes($mailtext);
 }


// ======= Mailversand


// Mail versenden und Versanderfolg merken
$mailSent = @mail($mailTo, $mailSubject, $mailText, "From: ".$mailFrom);


// ======= Return-Seite an den Browser senden


// Wenn der Mailversand erfolgreich war:
if($mailSent == TRUE) {
   // Seite "Formular verarbeitet" senden:
   header("Location: " . $returnPage);
}
// Wenn die Mail nicht versendet werden konnte:
else {
   // Seite "Fehler aufgetreten" senden:
   header("Location: " . $returnErrorPage);
}


// ======= Ende


exit();


?>
Computer, Schule, HTML, programmieren, PHP
2 Antworten

Meistgelesene Fragen zum Thema HTML
Mehr meistgelesene Fragen zu HTML