Frage anzeigen, wenn Button geklickt

Question

Hallo,

kann ich einen Button in ein Textdokument einbetten, d.h. der Proband sieht einen Text und rechts daneben befindet sich ein Button (siehe unten). Den Button habe ich in dem Textfeld-HTML Code eingepflegt (Frage 1). Nun möchte ich gerne, dass wenn ein Proband auf den Button "Frage 1" klickt, sich eine bestimmte Frage in meinem Fragenkatalog öffnet, die zu bearbeiten ist. Alternativ würde auch ein Pop-Up Window gehen, sofern ich die Antwort der Probanden auch aus dem Pop-Up-Window herausziehen kann für meine Auswertung.

Wo muss ich den Button überhaupt einpflegen? Wie verknüpfe ich den Button mit der Frage, die den Code EQ01 trägt?

Answer 1

Wo muss ich den Button überhaupt einpflegen?

Mittels HTML/CSS direkt im Text - dann können Sie das an bestimmte Wörter/Absätze knüpfen.

Aber nachdem die Fragen vermutlich zwischen dem Text auftauchen würden, scheint es mir sinnvoller, den text zu erlegen und dazwischen immer den HTML-Code für die Anzeige der Buttons und die Anzeige der Fragen zu platzieren.

Um Platz neben dem Text zu lassen, würden Sie z.B. zu Beginn der Seite folgenden HTML-Code einfügen:

<div style="padding-right: 160px; position: relative;">

Und am Ende der Seite dazu passend

</div>

Zwischen zwei Textbausteinen würde dann z.B. stehen:

<div style="width: 140px; position: absolute; right: 0">
  <button type="button" id="btn1">Frage1</button>
</div>

Und darunter ein <div id="qst1">, die Frage und dann ein </div>.

Wie man das dann verknüpft, ist sinngemäß hier dokumentiert:
Informationen per Mausklick einblenden

Und an den genauen HTML/CSS-Befehlen oben ist sicher auch noch einiges zu optimieren.