Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:custom-domains [19.02.2018 09:28] – [Individuelle Domain für den Fragebogen] admin
+++ de:custom-domains [08.11.2022 20:36] (aktuell) – [Frame-Weiterleitung] admin
@@ Zeile 39: / Zeile 39: @@
   * Falls für den Aufruf des Fragebogens Parameter (z.B. ein personalisierter Link im Rahmen einer Serienmail) erforderlich sind, ist die Einrichtung der Weiterleitung ein wenig aufwändiger.
   * Die bestehende Domain muss via HTTPS (SSL-verschlüsselt) aufgerufen werden, wenn der Fragebogen ebenfalls per HTTPS aufgerufen wird.
-  * Man sollte testen, ob das Fragebogen-Frame zwischen den unterschiedlichen Fragebogen-Seiten korrekt nach oben scrollt. Falls nicht, ist ein wenig zusätzliches JavaScript im Fragebogen-Layout erforderlich.
+  * Es ist ein klein wenig JavaScript erforderlich, damit das Fragebogen-Frame zwischen den unterschiedlichen Fragebogen-Seiten korrekt nach oben scrollt.
+Der HTML-Code zur Einbettung eines Fragebogens inklusive JavaScript für das Scrollen könnte wie folgt aussehen:
+<code html>
+<iframe src="https://www.soscisurvey.de/EXAMPLE/" style="height: 1600px; width: 100%;" scrolling="auto" frameborder="0" onload="window.parent.parent.scrollTo(0,0)"></iframe>
+</code>
+Eine komplette HTML-Seite, welche die Parameter vom Aufruf der Seite an den Fragebogen im ''<iframe>'' übergibt, könnte wie folgt aussehen.
+<file html index.html>
+<!Doctype html>
+<html>
+<head>
+	<meta charset="utf-8"/>
+	<title>Befragung</title>
+	<script type="text/javascript">
+	window.addEventListener("load", function() {
+		var questionnaireURL = "https://www.soscisurvey.de/PROJEKT/";
+		var iFrame = document.getElementById("questionnaire");
+		var query = window.location.search.substring(1);
+		iFrame.src = questionnaireURL + "?" + query;
+	});
+	</script>
+	<style>
+	iframe.fullpage {
+		border: 0;
+		position:fixed;
+		width: 100%;
+		height: 100%;
+		top: 0;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		padding:0;
+		margin:0;
+	}
+	</style>
+</head>
+<body>
+	<iframe id="questionnaire" src="about:blank" scrolling="auto" frameborder="0" onload="window.parent.parent.scrollTo(0,0)" class="fullpage"></iframe>
+</body>
+</file>
+Die Zeile ''%%var questionnaireURL = "https://www.soscisurvey.de/PROJEKT/";%%'' muss natürlich an die URL des Fragebogens angepasst werden.