ID weitergeben an externe Seite im iframe

Question

Liebes Support-Team,
in meinem Fragebogen sollen die Versuchspersonen an einer Stelle auf einem von uns erstellten Hypertext browsen. Die html-Seiten befinden sich auf unserem lokalen Webserver, da wir das Suchverhalten der Versuchspersonen beim Lesen des Hypertexts untersuchen möchten.
Den Link zum Hypertext habe ich mit einem iframe in SoSci eingebettet. Um die Fragebogendaten und die Daten vom unserem Server zusammenführen zu können, müsste ich die Versuchspersonen-ID unserem Server weiterleiten.
Folgenden Code verwende ich aktuell zum Einbetten des iframes (die URL ist mit xxx ersetzt):

<iframe id="hypertext"
src="https://xxx.html"
style="position:relative;
top:0px; left:0px; bottom:60px; right:0px; width:100%;
height:450px; border:solid; margin:0px 0px 0px 0px; padding:0;
overflow:scroll; z-index:0;">
</iframe>

Darunter habe ich außerdem folgenden PHP-Code, damit die Versuchspersonen mit dem Fragebogen weitermachen können, wenn sie fertig mit browsen sind:

pageCSS('
  div.questionary {
    position: relative;
    height: 110vh;
    top: 0;
    bottom: 60px;
  }
  #buttonsAuto {
    position: absolute;
    font-size: 160%;
    bottom: 0;
  }
 input#submit0{
    font-size: 160%;
}
');
option('nextbutton', "Proceed with the questionnaire");

Da wir auch mit einem Panel-Anbieter zur Rekrutierung arbeiten, habe ich bereits am Anfang und Ende des Fragebogens mit der POST/GET-Variable und dem redirect()-Befehl gearbeitet.
Idealerweise würde ich gern die ID Kennung "s" und "r" an die URL unserer html-Seiten hängen. Ist das im iframe möglich? Die Informationen unter diesem Link: https://www.delftstack.com/howto/javascript/change-source-of-iframe-in-javascript/ kommen der Sache nahe, aber ich konnte nicht herausfinden, wie ich das in SoSci umsetzen kann.

Vielen Dank für Ihre Hilfe!
Viele Grüße

Answer 1

Das Übergeben der CASE-Nummer ist relativ einfach:

<iframe id="hypertext"
src="https://xxx.html?case=%caseNumber%"
style="position:relative;
top:0px; left:0px; bottom:60px; right:0px; width:100%;
height:450px; border:solid; margin:0px 0px 0px 0px; padding:0;
overflow:scroll; z-index:0;">
</iframe>

Beachten Sie das ?case=%caseNumber% in Zeile 2.

Sie müssen jetzt nur noch dafür sorgen, dass Ihre Webserver die GET-Variable "case" (die kann antürlich auch anders heißen) auch entgegennimmt und abspeichert.