Hallo zusammen,
ich habe ein kleines Webquiz gebaut mit JS und JQuery. Es gibt 10 Fragen, die wenn richtig beantwortet werden, jeweils einen Punkt geben. Nach der letzten Frage werden die Punkte in eine Datenbank über ein PHP Skript geschrieben.
Das funktioniert soweit auch gut. Jetzt möchte ich aber nach dem Quiz noch zwei Textfelder einbauen, wo man seinen Namen eintragen kann, die ebenfalls an die DB gehen.
Im Moment werden aber pro durchspielen 2 DB Einträge generiert. Der erste mit der Punktzahl nach beenden der letzten Frage und der zweite mit Abschicken des Textfeldes.
Wie kann ich die Ajax Variable so steuern, dass diese erst mit dem Drücken des Senden Buttons übergeben wird und nicht nach der letzten Frage?
Javascript Datei
Hier ist die HTML Index-Datei mit dem Formularfeld -> Der Button soll die Punktzahl der Variable "message" aus dem JS Skript und die Inhalte der beiden Textfelder "vorname" und "nachname" gleichzeitig an die übergabe.php übertragen.
ich habe ein kleines Webquiz gebaut mit JS und JQuery. Es gibt 10 Fragen, die wenn richtig beantwortet werden, jeweils einen Punkt geben. Nach der letzten Frage werden die Punkte in eine Datenbank über ein PHP Skript geschrieben.
Das funktioniert soweit auch gut. Jetzt möchte ich aber nach dem Quiz noch zwei Textfelder einbauen, wo man seinen Namen eintragen kann, die ebenfalls an die DB gehen.
Im Moment werden aber pro durchspielen 2 DB Einträge generiert. Der erste mit der Punktzahl nach beenden der letzten Frage und der zweite mit Abschicken des Textfeldes.
Wie kann ich die Ajax Variable so steuern, dass diese erst mit dem Drücken des Senden Buttons übergeben wird und nicht nach der letzten Frage?
Javascript Datei
PHP-Code:
function showEnd() {
$("#endpoints").text(points);
$("#possiblepoints").text(rightAnswerPoints * questions.length);
$("#question").fadeOut(function() {
$(".quiz_end").fadeIn(function(){
var endpunkte=$('#endpoints').html();
$.ajax({ type: "GET", url: "übergabe.php", /** das hier ist das Skript für den Datenbankeintrag
data: {message:endpunkte},
success: function(data){
$("#answer_commit_btn").hide();
PHP-Code:
<div >
<form <form method="post" autocomplete="off">
<input type ="text" name="vorname" value="" placeholder="Vorname" size="15">
<input type ="text" name="nachname" value="" placeholder="Nachname" size="15">
</div>
<div>
<p><button type="submit" action="übergabe.php" class="btn btn-primary btn-lg" role=
"button" hidden ><span id="sendName" >Abschicken</span></button></p>
</form>
</div>
Kommentar