1-image 2-image 3-image
Sie sind hier: Startseite > Quiz bis v2.6

Bei Felix Riesterer finden sich verschiedene Arten von Quizzen, die durch ein JavaScript-Framework aus dem Inhalt einer Seite erstellt werden. Sie sind kostenfrei. Außerdem lassen sich auch Bilder einbinden. Version 2.5 Letzte Version unter diesem Entwicklungszweig ist die Version 2.6.

Er hat alle Möglichkeiten auf einer Demo-Seite zusammengestellt.

WICHTIG:
Bei den Quizzen bis einschließlich der Version 2.6 muss JavaScript bei der Verwendung von CMSimple_XH im Browser aktviert werden.

Laden Sie die zip-Datei von seiner Seite herunter und entpacken sie. Anschließend laden Sie den Ordner "quiz" in das root-Verzeichnis Ihrer CMSimple_XH-Installation hoch.

Damit das auf einer bestimmten Seite funktioniert, erstellen Sie ein neues Template auf der Basis des Standard-Templates mit einem neuen Namen (z.B.: xyz-quiz). In den Headbereich dieses neuen Templates ersetzen Sie den auf seiner Seite vorgeschlagenen Script-Aufruf durch den geänderten Script-Aufruf. Sein Script schreibt etwas in die window.onload-Eigenschaft. Christoph M. Becker schlug diese Änderungen vor, die funktionieren: In CMSimple_XH wird aber mit jQuery gearbeitet. In Zeile 19 müssen Sie noch statt URL den Pfad Ihrer CMSimple-Installation ändern. Dieser Code bewirkt, dass das <script>-Element erst dann eingebunden wird, wenn die Seite fertig geladen hat. Auch wird dann erst im 1/2-Sekunden-Takt probiert, ob die Initialisierfunktion verfügbar ist. Ist sie das, wird sie aufgerufen und die Versuche hören auf, ist sie das nicht, wird weiter probiert.

Zu jedem Quiz gibt es nun auf den Unterseiten auch eine Beispielseite (in HTML), die sie sofort (fast) nutzen können.

Am Ende der Seite muss dann noch das abschließende </div> eingefügt werden!
Anzeigen der Lösungen beim Laden verhindern:
Damit beim Ladevorgang die Lösungen nicht sichtbar werden, muss auf der Seite (besser noch global) eine seit Version 0.4 enthaltene CSS-Datei mit eingebunden werden, welche die DIV-Elemente mit den Quizzen versteckt.
Das geht so:
Hier im Beispiel steht "(pfad)", was natürlich jedesmal durch den korrekten Pfad zum Quiz-Ordner ersetzt werden muss:

<link rel="stylesheet" media="all" href="{pfad}/quiz/css/anzeige-blocker.css" />

Experimentieren Sie etwas mit den Inhalten. Rufen Sie den Seitenquelltext auf, kopieren den entsprechenden Bereich und fügen diesen mit Hilfe des HTML-Editors in Ihrer Seite ein. Nach dem Aktualisieren und Speichern ändern Sie noch nach dem Klick auf den Reiter Seite das Seitentemplate in das geänderte xyz-quiz. Dann sollte es auch auf Ihrer Seite wie in der Demo von Herrn Riesterer aussehen und funktionieren.

 

Als Kopiervorlage freigegeben: © 2020, Michael Zajusch

Letzte Bearbeitung:

Glossar

Michael Zajusch

  Infos
Michael Zajusch Michael Zajusch

Hermann-Hesse-
Schule, 
Obertshausen
Please activate JavaScript in your browser.

» Sitemap

Aufgrund der neuen Cookies-Verordnung der EU: Einige Bereiche dieser Website benötigen zu ihrer Funktion neben den sogenannten SESSION-Cookies, auch Cookies, die personenbezogenen Daten enthalten, die sich auf Sie, Ihren Webclient und / oder Ihr Gerät (PC oder Mobil-Gerät) beziehen (also: personenbezogenen Daten). Es werden nur seiteninterne Werte gespeichert. Bitte geben Sie Ihre Erlaubnis, evtl. weitere Cookies auf Ihrem Rechner zu platzieren.

Erfahren Sie mehr über diese Cookies in der Cookie Policy.