Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:javascript [04.01.2015 16:08] – Aktualisierung admin
+++ de:create:javascript [07.07.2020 09:35] – admin
@@ Zeile 4: / Zeile 4: @@
 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 (falls auf dem Server verfügbare) Highcharts eingebunden werden.
@@ Zeile 33: / Zeile 35: @@
 // -->
 </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.
@@ Zeile 49: / Zeile 55: @@
   * [[:de:create:dynamic|Fragen bei Auswahl einer bestimmten Option sofort einblenden]]
   * [[:de:create:break-counter|Wechsel des Browserfensters aufzeichnen]]
+===== Fehler finden =====
+Wenn der JavaScript-Code einmal nicht funktioniert, wie er soll, dann gibt es für die Fehlersuche die Fehlerkonsole des Browsers. Diese findet man -- je nach Browser -- an unterschiedlicher Stelle ([[http://webmasters.stackexchange.com/a/77337/30902|Shortcuts (engl.)]], [[https://codex.wordpress.org/Using_Your_Browser_to_Diagnose_JavaScript_Errors#Step_3:_Diagnosis|Wordpress (engl.)]], [[http://www.stramaxon.com/2013/10/developer-tools-in-browser.html|How to Open Developer Tools (engl.)]]).
+In der Fehlerkonsole sieht man einerseits Fehler im Code. Andererseits kann man dort anzeigen lassen, was in einer Variable gespeichert ist. Und zwar mittels `console.log()`. Folgende Zeilen identifizieren ein Eingabefeld mit der HTML-ID "AB01_01" und zeigen anschließend in der Konsole, ob es gefunden wurde.
+<code javascript>
+<script type="text/javascript">
+<!--
+var input = document.getElementById("AB01_01");
+console.log(input);
+// -->
+</script>
+</code>
 ===== JavaScript lernen =====
-Es gibt im Internet zahlreiche gute Einführungen in JavaScript. Allerdings sollte man bereits Grundwissen zur Programmierung haben.
+Didaktisch aufbereitet ist folgener 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 Programmierne haben.
-Ein Angebot, das eine kompakte Einführung mit einem umfangreichen Kompendium verknüpft, ist [[http://de.selfhtml.org/javascript/index.htm|SelfHTML]].