Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:questions:text [09.04.2016 16:00] – [Zeichen zählen/begrenzen] admin
+++ de:create:questions:text [29.10.2018 20:40] – Code zur Wortzählung admin
@@ Zeile 140: / Zeile 140: @@
 Falls Sie für den Textbaustein eine andere Kennung als "jsCountChars" verwendet haben, müssen Sie die erste Zeile entsprechend anpassen. In den folgenden Zeilen tragen Sie die Kennung des Eingabefelds, des HTML-Tags und ggf. die Anzahl der zulässigen Zeichen ein.
+==== Wörter zählen ====
+Die Zählung von Wörtern ist ein wenig anspruchsvoller: Wörter können unterschiedlich lang sein und Umlaute enthalten. Deshalb werden zur Zählung reguläre Ausdrücke herangezogen -- im Speziellen die JavaScript-Klasse [[http://xregexp.com/|XRegExp]], welche standardmäßig als PlugIn in SoSci Survey zur Verfügung steht.
+Der folgende HTML-/JavaScript-Code wird unter einem Texteingabefeld "TX01_01" platziert und zeigt dort die Anzahl der Wörter im Textfeld an, wobei ein Wort hier als mindenstens 2 aufeinanderfolgende Buchstaben definiert ist. Diese Definition erfolgt im regulären Ausdruck ''\\p{L}{2,}''. Das ''\\p{L}'' steht für einen Buchstaben oder Umlaut und ''{2,}'' bedeutet, dass 2 oder mehr davon vorhanden sein müssen.
+Am Ende des Codes muss die Kennung des Texteingabefelds eingetragen werden.
+<code javascript>
+<!-- Anzeige der Wortanzahl -->
+<div style="margin: 2em 0; text-align: right;">
+  <span id="wordcount">--</span> Wörter
+</div>
+<script type="text/javascript" src="../plugins/XRegExp/xregexp-all.min.js"></script>
+<script type="text/javascript">
+<!--
+function WordCounter(inputID, outputID) {
+  var textinput = document.getElementById(inputID);
+  var textout = document.getElementById(outputID);
+  // Wörter sind hier definiert als 2+ Buchstaben
+  var tester = new XRegExp("\\p{L}{2,}", "Ag");
+  function refresh() {
+    var text = textinput.value;
+    var words = XRegExp.match(text, tester);
+    textout.innerHTML = words.length;
+  }
+  textinput.addEventListener("keyup", refresh);
+  refresh();
+}
+// Hier die Kennung des Texteingabefelds eintragen
+new WordCounter("TX01_01", "wordcount");
+// -->
+</script>
+</code>