Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision |
de:create:javascript [25.09.2016 14:30] – Wo findet man die Fehlerkonsole admin | de:create:javascript [23.04.2022 11:44] – admin |
---|
| |
Falls der Fragebogen direkt auf Klicks oder Eingaben des Teilnehmers reagieren soll ([[:de:create:dynamic|Fragen bei Auswahl einer bestimmten Option sofort einblenden]]), ist die Verwendung von [[:de:glossary#javascript|JavaScript]] erforderlich. JavaScript wird direkt im Browser des Teilnehmers ausgeführt (sofern dieser JavaScript nicht deaktiviert hat) und kann unmittelbar auf Benutzereingaben reagieren. Allerdings kann man mittels JavaScript nicht oder nur eingeschränkt auf das aktuelle Interview (z.B. frühere Antworten des Teilnehmers) zugreifen. | Falls der Fragebogen direkt auf Klicks oder Eingaben des Teilnehmers reagieren soll ([[:de:create:dynamic|Fragen bei Auswahl einer bestimmten Option sofort einblenden]]), ist die Verwendung von [[:de:glossary#javascript|JavaScript]] erforderlich. JavaScript wird direkt im Browser des Teilnehmers ausgeführt (sofern dieser JavaScript nicht deaktiviert hat) und kann unmittelbar auf Benutzereingaben reagieren. Allerdings kann man mittels JavaScript nicht oder nur eingeschränkt auf das aktuelle Interview (z.B. frühere Antworten des Teilnehmers) zugreifen. |
| |
| Innerhalb des Fragebogens steht die JavaScript-Bibliothek ''[[:de:create:soscitools|SoSciTools]]'' zur Verfügung. Diese stellt hilfreiche Funktionen bereit, um die Arbeit mit Fragebogen-Inhalten zu erleichtern. Außerdem können mit dem PHP-Befehl ''[[:de:create:functions:library|library()]]'' Standard-Bibliotheken wie jQuery, SCEditor oder ChartJS eingebunden werden. |
| |
| |
===== JavaScript einbinden ===== | ===== JavaScript einbinden ===== |
| |
Um auf einer Seite des Fragebogens JavaScript zu verwenden, legt man unter **Textbausteine u. Beschriftung** einen neuen Textbaustein an. Dieser enthält HTML-Code und darin innerhalb des ''<script>'' Tags den eigentlichen JavaScript-Code. | Um auf einer Seite des Fragebogens JavaScript zu verwenden, legt man |
| * entweder in einer Rubrik mit **Text hinzufügen** |
| * oder unter **Textbausteine u. Beschriftung** |
| |
| einen neuen Textbaustein an. Wählen Sie für den Text die //Darstellung// "HTML-Code". |
| |
| Der HTML-Code kann dann innerhalb eines ''<script>'' Tags den eigentlichen JavaScript-Code enthalten. Zum Beispiel: |
| |
<code javascript> | <code javascript> |
// --> | // --> |
</script></code> | </script></code> |
| |
| **Wichtig:** Wählen Sie im Dropdown für die //Darstellung// die Option "HTML-Code". |
| |
| {{:de:create:scr.javascript.layout.png?nolink|Text mit HTML-/JavaScript-Inhalt}} |
| |
Den Textbaustein platziert man beim **Fragebogen zusammenstellen** per Drag & Drop oder mit der PHP-Funktion ''[[:de:create:functions:text|text()]]'' auf einer oder mehrerer Seiten im Fragebogen. | Den Textbaustein platziert man beim **Fragebogen zusammenstellen** per Drag & Drop oder mit der PHP-Funktion ''[[:de:create:functions:text|text()]]'' auf einer oder mehrerer Seiten im Fragebogen. |
===== JavaScript lernen ===== | ===== JavaScript lernen ===== |
| |
Es gibt im Internet zahlreiche gute Einführungen in JavaScript. Allerdings sollte man bereits Grundwissen zur Programmierung haben. | Didaktisch aufbereitet ist folgender 30-stündiger kostenloser Kurs der Duke University: [[https://www.coursera.org/learn/duke-programming-web?#syllabus|Programming Foundations with JavaScript, HTML and CSS]] |
| |
| Darüber hinaus findet man im Internet mehrere JavaScript-Einsteigerkurse, z.B. [[https://www.javascript-kurs.de/|JavaScript lernen für Anfänger]] oder [[https://lerneprogrammieren.de/javascript/|JavaScript Lernen: So lernst du es schnell & einfach]] |
| |
| Ein Angebot, das eine kompakte Einführung mit einem umfangreichen Kompendium verknüpft, ist [[http://de.selfhtml.org/javascript/index.htm|SelfHTML]]. Hierfür sollte man allerdings schon ein paar grundsätzliche Ideen vom Programmieren haben. |
| |
Ein Angebot, das eine kompakte Einführung mit einem umfangreichen Kompendium verknüpft, ist [[http://de.selfhtml.org/javascript/index.htm|SelfHTML]]. | |