Quiz 3

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 der Version 3 (sie heißt jetzt rquiz) von seiner Seite herunter und entpacken sie. Diese Version 3 ist nun auch für Smartphones und Tablets mit Wischtechnik optimiert. Außerdem sind noch einige Änderungen hinzugekommen, so dass dei Lösungsvorschläge vielfätiger werden. Im Ordner befinden sich mehrere Dateien, auch die Datei "test.html" und 2 Ordner. Sie benötigen nur den Ordner rquiz. Diesen laden Sie 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-rquiz). In der Datei test.html finden Sie auch diesen Scriptaufruf: <script src="./rquiz/rquiz.js"></script>. In den Headbereich Ihres neuen Templates ändern Sie den auf seiner Seite vorgeschlagenen Script-Aufruf zu diesem <script type="text/javascript" src="./rquiz/rquiz.js"></script> ab und fügen ihn genau vor dem schließenden </head> ein. Den Code aus Quiz 1 benötigen Sie nicht mehr. Wenn Sie auf einer Seite das Quiz mit der Version 3 benutzbar schalten wollen, wählen Sie für diese einzelne Seite über den Reiter 'Seite' im Editor den Punkt Seitentemplate und dann das entsprechend angepasste Template xyz-rquiz. Auch die Seitenaufrufe sind nun anders.

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

Sie sind hier: Startseite > Quiz 3

Datenschutz & Cookies: Diese Website verwendet verschiedene Cookies für eine bessere Nutzererfahrung. Cookie-Speicherung wird verhindert, bis Sie ausdrücklich zustimmen. Einige Cookies, die keine persönlichen Informationen verwenden, sind notwendig und wurden geladen. Wenn Sie die Website weiterhin nutzen, stimmen Sie der Verwendung und funktionalen Cookies zu.
Erfahren Sie mehr über diese Cookies in der Datenschutzerklärung.

Suchen