Ein Knopf mit bestimmter Funktion einstellen

Question

Hallo,

zwei offene Fragen werden auf derselben Seite dargestellt. Wie kann ich einen Knopf "ein weiteres Ereignis erzählen" erstellen, damit die selbe Fragen beim Klicken des Knopfs wieder dargestellt werden? Und die vorherige Eingaben bleiben da, also nicht ausgeblendet. D. h. wenn der Knopf beispielsweise 2 mal geklickt wird, werden dann insgesamt 6 Fragen (ggf. auch 6 Antworten) auf derselben Seite gezeigt.

Vielen Dank!

Answer 1

Bevor Sie sich da in JavaScript einarbeiten, sehen Sie sich bitte einmal den Fragetyp "Offene Nennungen" an.

Wenn das Ihren Ansprüchen nicht gerecht wird, dann ran an JavaScript. Damit können Sie beim Ladend er Seite zunächst die Felder (Zeílen) 2-6 ausblenden und den Knopf als <button> mit einer JavaScript-Funktion koppeln, die diese Felder dann dynamisch anzeigt.

Zum Einstieg: Fragen bei Auswahl einer bestimmten Option sofort einblenden

Comments

In Ordnung. Nachdem es separate Fragen sind, ergeben sich die HTML-Kennungen direkt aus den Frage-Kennungen. Also EN06_tab, EN10_tab, u.s.w.

Was Sie jetzt benötigen, ist eine JavaScript-Variable, die hochzählt.

var status = 0;
function buttonShow() {
  status++;
}

Und dann müssen Sie noch dafür sorgen, dass die richtigen Fragen ein- und ausgeblendet werden.

var fragen = [
  ["EN06", "EN10"],
  ["EN07", "EN11"],
  // u.s.w.
];
var status = 0;
function buttonShow() {
  status++;
  updateView();
}
function updateView() {
  for (var i=0; i<fragen.length; i++) {
    for (var j=0; j<fragen[i].length; j++) {
      var frage = document.getElementById(fragen[i][j] + "_tab");
      if (i < status) {
        frage.style.display = "";
      } else {
        frage.style.display = "none";
      }
    }
  }
}
updateView();

So, oder so ähnlich. Bauen Sie das doch bitte mal als JavaScript-Code ans Ende der Seite und dann schauen wir weiter :)

---

Wow, der Knopf hat funktioniert! Jedes mal werden zwei Eingabefelder angezeigt. Der nächste Schritt: Wie kann ich den Frage-Text auch ein- und ausgeblendet werden?
https://www.soscisurvey.de/BA_WZ_PTW/?act=x7EUTEsn6XIYPAuQA3mLsNSw

---

Tauschen Sie das _tab (welches sich auf den Item-Bereich bezieht) durch _qst, sodass Sie die ganze Frage inkl. Titel ansprechen:

var frage = document.getElementById(fragen[i][j] + "_qst");

---

Jetzt funktioniert der Knopf super! Herzlichen Dank für Ihre geduldigen Hinweisungen!

---

Freut mich, dass alles funktioniert. Sie werden schon sehen, im Pretest fragen die Befragten dann nach einem zweiten Knopf, um überflüssige Felder wieder auszublenden :D