Quizze

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.

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

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. 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!

 

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: © 2015, Michael Zajusch

weiter zu:

Sie sind hier: Startseite > Quizze

Wir würden gerne Cookies auf Ihrem PC platzieren; diese helfen uns, diese Website besser zu machen. Sie möchten mehr über Cookies wissen, schauen Sie bitte hier.

Suchen