Daten aus einer Textdatei in die Radio-Buttons einlesen

forumnewbie · 20. Mai 2015

Hallo!

Ich habe ein Quiz mit Radio-Buttons gebaut (Layout mit JQuery Mobile). Die Quiz-Frage sowie die Antwortmöglichkeiten stehen statisch in der HTML Datei. Eine Auswertung habe ich per Java-Script in einer separaten Datei realisiert und es funktioniert (für eine einzige Frage).

Im Moment besteht mein Quiz aus einer einzigen Frage mit mehreren Antwortmöglichkeiten. Ich möchte meine Quiz-Fragen mit dazugehörigen Antworten aus einer Textdatei dynamisch in die Labels der Radiobuttons einlesen. Das Quiz soll aus einer Seite bestehen. Sobald ich auf meinen Button "Prüfen" klicke, soll die Auswertung der aktuellen Frage kommen und danach sollen die Labels mit nächsten Fragen/Antwortmöglichkeiten aus der Textdatei aktualisiert werden.
Leider weiß ich im Moment überhaupt nicht wie ich es realisieren soll.

Für Ideen, Links, Beispiele mit Code zu meiner Frage wäre ich sehr dankbar!

wolf · 20. Mai 2015

Muss es eine Text Datei sein -> dann csv aber ansonnsten lieber ne Datenbank benutzen!
Ist PHP verfügbar oder muss alles mit javascript umgesetzt werden?

forumnewbie · 20. Mai 2015

Hallo,

dieses kleine Projekt soll mittels HTML, CSS, JS und PHP realisiert werden. Webserver mit PHP Unterstützung steht zur Verfügung.
Daten sollen in einer einfachen Textdatei (keine Datenbank) stehen.

Den Aufbau der Textdatei habe ich mir so vorgestellt: erste Spalte -> Frage Nr1; weitere 3 Spalten -> drei Antwortmöglichkeiten; letzte Spalte -> richtige Antwort für den Vergleich der Werte (z.B. "c"). Alle Felder getrennt durch Tabulator. Jede neue Zeile enthält neue Frage.

cottton · 20. Mai 2015

tab als trenner kann man machen, wenn es schön aussehen soll. Ist aber nicht sinnvoll, wenn es effektiv sein soll.
Die Datei dient nur als Speichermedium, nicht als Präsentation =)

Da PHP genutzt werden kann:
Die Datei erstellen:
- admin Seite um die Fragen einzugeben
- beim Absenden der From ein Array erstellen
- Array json_encode()-en
- json in Datei ablegen.

Beim ausgeben/laden der Umfrage/Quiz
PHP
- Datei lesen
- Inhalt json_decode(, true) -en
oder per
JS
- Datei lesen
- Inhalt parse:JSON() oder wie das hieß

forumnewbie · 20. Mai 2015

Die Daten in die Text-Datei kann ich mit einfachem Editor reinschreiben. Die Daten können natürlich auch anders von einander getrennt werden.
Es geht darum die Daten aus der Textdatei in die richtige Radiobutton-Labels dynamisch zu schreiben (damit der Benutzer diese sieht) und nach dem Auswerten der aktuellen Frage die Labels mit neuen Inhalten zu füllen - ohne neue Seite öffnen zu müssen. Für alle Fragen die selbe Startseite benutzen.

forumnewbie · 20. Mai 2015

Ich habe PHP-Code gefunden, mit dem ich an die Inhalte einer Zeile komme und diese dann separat den Labels zuweisen kann. Das Problem ist jetzt, dass die Schleife die komplette Datei einliest und ich nur die Spalten der letzten Zeile anzeigen kann.
Wie kann ich erreichen, dass der Filereader erst die nächste Zeile einliest, wenn ich auf einen Button geklickt habe?
Theoretisch brauche ich keine Schleife, sondern muss den Filepointer beim Klick auf den Button auf die neue Zeile bewegen. Wie kann ich es in PHP realisieren?

PHP-Code:

PHP

<?php
$txt_file = file_get_contents('datei.txt');
$rows = explode("\n", $txt_file);
array_shift($rows);




foreach($rows as $row => $data)
{




$row_data = explode(';', $data);




$info[$row]['frage'] = $row_data[0];
$info[$row]['antwort1'] = $row_data[1];
$info[$row]['antwort2'] = $row_data[2];
$info[$row]['antwort3'] = $row_data[3];
$info[$row]['richtig'] = $row_data[4];




}
?>

Alles anzeigen

Danke

wolf · 20. Mai 2015

Also hier mal n Test und Beispiel zugleich,
die Datei im Anhang ist die die ich benutzt habe.. musst sie als 'test-data.json' abspeichern

Code

q => Frage
0 => Antwort
1 => Antwort
2 => Antwort
a => ID (Zahl 0,1,2) der richtigen Antwort

PHP

<?php
  error_reporting(E_ALL);//Alle fehler anzeigen => E_ALL ansonnsten auf 0 setzen
  $filepath = './test-data.json';//Pfad zur json-datei (in diesem fall im selben Verzeichniss)
  $template = '
    <fieldset data-qid="{i}" data-caid="{a}">
      <h3>{q}</h3>
      <div data-aid="0">
        <input name="{i}" type="radio" id="radio0-{i}" value="0">
        <label for="radio0-{i}">{0}</label>
      </div>
      <div data-aid="1">
        <input name="{i}" type="radio" id="radio1-{i}" value="1">
        <label for="radio1-{i}">{1}</label>
      </div>
      <div data-aid="2">
        <input name="{i}" type="radio" id="radio2-{i}" value="2">
        <label for="radio2-{i}">{2}</label>
      </div>
    </fieldset>
  ';//Template für die Ausgabe von jeder Frage buchstaben/zahlen in den {} sind die Platzhalter
  /**
   *  data-qid => ID der Frage (Question-ID)
   *  data-caid => ID der richtigen Antwort (Correct-Answer-ID)
   *  data-aid / value => ID der einzelenen Antwort (Answer-ID)
   *  id / for => DOM-ID des Radiobuttons mit zusatz der qid
   */




  //Datei auslesen und zu einem Array umwandeln
  $data = json_decode(file_get_contents($filepath), true);//Daten aus der Datei auslesen




  foreach ($data as $k => $question) {//Jeder Frage/Antwort block
    $question['i'] = $k;
    echo str_replace(['{q}','{0}','{1}','{2}','{a}','{i}'], $question, $template);//Im template die Platzhalter durch die Daten ersetzen
  }
?>
<meta charset="utf-8">

Alles anzeigen

Ergebniss siehst du auf http://hcp-forum.lima-city.de/…radio-buttons-einlesen/0/

Angehängte Datei - INHALT
test-data.json

Code

[
  {
    "q":"HTML Seminar cool?",
    "0":"ja!",
    "1":"nein!",
    "2":"was ist das?",
    "a": 0
  },
  {
    "q":"Wer war vor Merkel",
    "0":"Ich",
    "1":"Hans-Wurst",
    "2":"Schröder",
    "a": 2 
  }
]

Alles anzeigen

forumnewbie · 20. Mai 2015

Danke dir! Template kannte ich noch nicht - sieht sehr sauber aus. Ich hatte mit echo die Daten reingeschrieben. Hatte schon vermutet, dass es deutlich besser gehen sollte als meine unsaubere Lösung

Meine Frage ist erstmal geklärt. Falls andere Fragen zu diesem Projekt auftauchen, werde ich ein neues Thema eröffnen.

wolf · 20. Mai 2015

Habe noch ein bisschen am Template rumgepfuscht (kleine verbesserungen) ..

Daten aus einer Textdatei in die Radio-Buttons einlesen

Jetzt mitmachen!

Teilen