Einbinden der jQuery Bibliothek

Question

Guten Tag,

ich möchte eine SVG Grafik als Auswahlfrage einbinden und dazu jQuery Scripte verwenden. Leider ist es mir nicht möglich über den PHP-Code library('jQuery') vernünftig auszuführen. Lasse ich mir in der Console die Fehlercode anzeigen, so sehe ich, dass die Scripte über den Soscisurvey-Server zu laden und nicht über das Plugin. Falls Sie weitere Informationen zur Beantwortung der Frage benötigen, sagen Sie gerne Bescheid. :)

Answer 1

Lasse ich mir in der Console die Fehlercode anzeigen, so sehe ich, dass die Scripte über den Soscisurvey-Server zu laden und nicht über das Plugin.

Das ist korrekt und so beabsichtigt.

Was Sie auf der Seite benötigen, ist ja die jQuery Bibliothek. Also eine JavaScript-Datei, welche Funktionen bereitstellt und z.B. das Dollar-Zeichen im jQuery-Stil definiert.

Ob dieses Bibliothek von einem externen Server oder vom Befragungsserver direkt geladen wird, hat auf die korrekte Funktion keinen Einfluss. Aber es hat einen großen Einfluss auf den Datenschutz. Denn sobald Inhalte von einer externen Seite geladen werden, registriert diese externe Seite die IP-Adresse Ihrer Befragten und weiß dadurch genau, wann wer einen Fragebogen ausgefüllt hat.

Indirekt würden Sie also Daten über Ihre Befragten an einen externen Anbieter übermitteln. Und solange Sie dafür keine Rechtsgrundlage haben (z.B. eine Einwilligung der Befragten), würden Sie damit gegen die DSGVO verstoßen. Deshalb ist es (fast immer) sinnvoller, die Bibliothek nicht von einem externen Server zu ziehen.

Kurzum: Wenn Ihr Code noch nicht funktioniert wie er soll, dann liegt das höchstwahrscheinlich nicht daran, woher die jQuery-Bibliothek geladen wird.

Comments

Okay, verstehe. Vielen Dank für die schnelle Antwort! Eigentlich brauche ich nur eine Möglichkeit ein Tooltip in der SVG Datei auch am Smartphone anzeigen zu lassen. Gibt es vielleicht intern über SosciSurvey irgendwo diese Funktion? Das Anzeigen eines Tooltips mittels ((titel|xy)) ist mir bekannt, allerdings scheint dies bei SVG als Auswahl nicht zu funktionieren?

---

Die einfachen Tooltips funktionieren - nach meinem Kenntnisstand - auf Mobilgeräten bisher überhaupt nicht, weil sie bisher nur auf Mausberührung nicht aber auf Klicks reagieren. Da müssen wir noch eine gute Lösung finden.

Aber mittels JavaScript (egal ob mit oder ohne jQuery) kann man ja durchaus auf Klicks reagieren. Bei einem SVG ist es aber generell ein wenig komplizierter mit den Elementen. Verstehe ich Sie richtig, dass ein Tooltip angezeigt werden soll, wenn man ein bestimmtes Element innerhalb der SVG anklickt?

---

Ja, ganz genau. Ein Tooltip, oder ein Popover soll angezeigt werden, wenn die "klickbaren" Elemente der SVG Datei am Smartphone angeklickt werden. Ich habe nämlich 56 Items und möchte für den Teilnehmenden erkenntlich machen, was er gerade ausgewählt hat. (Kurze Erklärung: Es geht um eine Busroute mit 56 Haltestellen).
Ich versuche schon seit Tagen ein funktioniendes JavaScript einzubauen, aber leider schienen meine Grundlagenkenntnisse da an ihre Grenzen zu stoßen.
Liebe Grüße!

---

Posten Sie doch bitte mal einen Pretest-Link direkt (!) zur betroffenen Fragebogen-Seite. Dann fällt es mir wesentlich einfacher, eine hilfreiche Antwort zu geben.

Und hier noch etwas zum Hintergrund, warum es mit den SVGs in der SVG-Auswahl nicht so einfach ist: https://support.soscisurvey.de/?qa=31617/zeitpunkte-elementen-mehrfachauswahl-variable-schreiben&show=31631#a31631 - bitte kurz lesen, danke!

---

Pretest-Link: https://www.soscisurvey.de/test266405/?act=GBG3dIRVaZGHY3HZ0GfWY484

Entschuldigen Sie die etwas merkwürdigen Bezeichnungen, aber ich bin gerade mit dieser Frage wirklich noch bei den Basics.

Ich habe den Eintrag gelesen und verstehe, dass das eine komplizierte Angelegenheit zu sein scheint.

---

Ganz ohen Mehrarbeit wird das ganze nicht funktionieren. Denn das SVG ist - aus Sicht der Fragebogen-Seite - ein separates Dokument, in welchem man nicht einfach Inhalte ergänzen kann.

Sie werden also als erstes direkt (!) im SVG die Texte hineinschreiben müssen. Mit hübschen Sprechblasen oder sowas. Diesen Sprechblasen geben Sie IDs, sodass Sie die Elemente später per JavaScript steuern können.

Als nächsten brauchen Sie dann JavaScript-Code, der die Sprechblasen erstmal alle ausblendet. Beim ersten Klick auf ein SVG-Element muss der Code die Sprechblase dann einblenden und beim nächsten (auf das Element oder die Sprechblase) sie wieder ausblenden.

Damit das bei zwei Dutzend Sprechblasen nicht zu unübersichtlich wird, sollte man dafür eine kleine Klasse anlegen. Eventuell kann ich so etwas auch direkt in SoSci Survey integrieren. Allerdings würde ich das (weil umfangreicher) gerne in einer neuen Frage hier im Online-Support klären. Zumal das mit jQuery (worum es hier ja ursprünglich ging) nichts mehr zu tun hat.

Wenn Sie also die ersten 2-3 Sprechblasen im SVG eingefügt haben, erstellen Sie bitte eine "related question" (oben) und posten Sie dort auch nochmal einen aktuellen Pretest-Link.

Das "mobile" Layout würde ich übrigens nicht verwenden, außer wenn Sie sicher sind, dass alle Befragten via Mobilgerät teilnehmen.