Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Einbetten von Zellen eines D3-Notebooks (observable) mit Runtime javascript

  • ff_friebe
  • ff_friebe's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 2 weeks ago #227892 by ff_friebe
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!

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 2 weeks ago #227908 by holch
Darfst du denn in deiner Installation Javascript verwenden?

Leider bekomme ich von Limesurvey nur den Credit-Link angezeigt.


Das deutet für mich darauf hin, dass der XSS-Filter eurer Installation an ist und Javascript herausgefiltert wird.

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

Please Log in to join the conversation.

  • ff_friebe
  • ff_friebe's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 2 weeks ago #227915 by ff_friebe
Also ich besitze Administratoren-Rechte und habe den XSS-Filter bereits deaktiviert. Denn zunächst hatte ich das Problem, dass mir der HTML-Editor gar nicht angezeigt wurde. Dies konnte ich aber durch die Filter-Deaktivierung und Cache-Leerung beheben.

Gibt es denn noch andere globale Einstellungen, die ich bzgl. Javascript berücksichtigen muss?

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 2 weeks ago #227921 by holch
Naja, um Javascript einzufügen will man doch gerade im Quelltext arbeiten und den HTML-Editor ausschalten.

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 2 weeks ago #227922 by holch

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

Please Log in to join the conversation.

  • ff_friebe
  • ff_friebe's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 1 week ago - 2 years 1 week ago #227931 by ff_friebe
Mit HTML-Editor meinte ich die gesamte Toolbox bzw. das Editor Fenster (s. Bild). Dieses Fenster wurde mir zunächst gar nicht angezeigt.
Das umkreiste Feld "Quellcode" nutze ich dann für meinen Code. 
Beispielcodes aus den Workarounds funktionieren auch bei mir, nur eben nicht der Code der Ausgangsfrage.


Last edit: 2 years 1 week ago by ff_friebe.

Please Log in to join the conversation.

  • ff_friebe
  • ff_friebe's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 1 week ago #227937 by ff_friebe
Brauche ich das addScriptToQuestion-Plugin von Sondages.Pro?
Denn das zip-file lässt sich nicht downloaden.

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 1 week ago #227945 by Joffm
Nein.

Aber:
Hast Du Dein script schon einmal in einer kleinen, selbsterstellten Website auf Deinem Server eingefügt?
Läuft es da?
Wenn Ja, kann man sich Gedanken machen, warum es dies in LimeSurvey nicht tut.

Ich denke nämlich, da fehlt noch etwas.
Und: Wo stammt es eigentlich her?
Soll heißen: In welcher Umgebung "treibt es dort sein Unwesen"?

Ich will jetzt nicht sagen, dass in Deinem ersten post ja einige Links abgeschnitten waren.
Das hast Du sicher selbst schon gesehen.

Joffm

 

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

Moderators: Joffm

Lime-years ahead

Online-surveys for every purse and purpose