Bitte helfen Sie uns, Ihnen zu helfen und füllen Sie folgende Felder aus:
Ihre LimeSurvey-Version:
Community Edition
Version 5.3.10+220419
Eigener Server oder LimeSurvey-Cloud: eigener Server
Genutzte Designvorlage: fruity
==================
Hallo zusammen,
ich möchte Teile, also Zellen, meines D3-Notebooks von
observablehq.com in Limesurvey einbinden. Konkret geht es dabei um eine Karte bei der sich verschiedene Länder anklicken lassen.
Die IDs der angeklickten Länder sollen zur Beantwortung einer Frage (Mehrfachauswahl) von Limesurvey abgegriffen werden.
Observable bietet eine schnelle Lösung um Zellen in verschiedenen Websiten/Umgebungen einzubinden. Das Einbinden via iFrame solcher Zellen in Limesurvey klappt reibungslos.
Da ich jedoch auf Werte meines Notebooks in Limesurvey zugreifen möchte, bietet observable auch die Möglichkeit des Einbindens via Runtime javascript.
Der Code dazu sieht wie folgt aus:
<div id="observablehq-map..."></div>
<p>Credit: <a href="
observablehq.com/d/
..."</a></p>
<script type="module">
import {Runtime, Inspector} from "
cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js
";
import define from "
api.observablehq.com/d/62f56de381cab4b4@2091.js?v=3
";
new Runtime().module(define, name => {
if (name === "map") return new Inspector(document.querySelector("#observablehq-map..."));
});
</script>
Leider bekomme ich von Limesurvey nur den Credit-Link angezeigt. Warum die Visualisierung der Karte nicht dargestellt wird bzw. der Code nicht erkannt wird, erschließt sich mir nicht.
Evtl. kann Limesurvey nichts mit dem Runtime javascript anfangen?
Hat hier jemand eine Erklärung, warum diese Art der Einbettung in Limesurvey nicht funktioniert? Und wenn ja, ggf. eine Umgehung oder Lösung des Problems oder alternativ einen Ansatz wie ich meine Karte mit Zugriff trotzdem einbetten kann.
Schonmal vielen Dank im Voraus!
Topic Author
