Installation

Configuration

Changer le nom du quiz ou le langage est optionnel (par défaut il sera en anglais), mais afin que le quiz s'exécute correctement, vous devez définir plusieurs questions et réponses. Mais aussi le texte qui s'affichera lorsque l'utilisateur a terminé le quiz.

Nom du quiz

window.quizName = "Quiz";

Remplacez Quiz, si vous souhaitez avoir un nom personnalisé pour le quiz.

Resultats

window.resultsTextArray = [
    LE_MESSAGE_VA_ICI
];

Cette variable vous permet de définir une liste de potentiels messages de résultat, affichés après que l'utilisateur ait fini le quiz, dépendant de son score. Le premier message fourni sera pour le cas où l'utilisateur a le score le plus bas. Le dernier message sera pour celui où il obtient le meilleur score. Vous pouvez ajouter autant de massage que vous voulez, séparés par des virgules. Rappelez-vous de NE PAS ajouter de virgule après le dernier message.

Questions et réponses

window.questions = [
    LES_QUESTIONS_ET_REPONSES_VONT_ICI
];

Il s'agit de la variable la plus importante. Chaque set de questions et réponses a besoin d'être délimité par des crochets et chaque élément dans tous les set doit être suivi par une virgule. Le premier élément de chaque set doit être une question. This is the most important variable. Le deuxième élément doit être la bonne réponse. Ne vous inquiétez pas, les réponses seront affichées dans un ordre aléatoire. tout autre élément ajouté dans un set sera une mauvaise réponse. Rapellez vous de ne pas ajouter une virgule après chaque dernier élément d'un set et après le dernier set. Si vous avez des doutes, regardez le code générique en bas de page.

Vous aurez également besoin de définir les questions et le texte qui apparaîtra en fonction du score de l'utilisateur.

La seconde étape est d'ajouter <div id="quizQ"></div> sur la page où vous voulez placer le quiz.

Code à copier/coller

window.quizName = "Quiz";
window.resultsTextArray = [ 
    "Texte affiché après que l'utilisateur ait terminé le quiz avec le score le plus bas",
    "Texte affiché après que l'utilisateur ait terminé le quiz avec un score compris entre le score le plus bas et le plus haut. Vous pouvez en ajuter autant que vous le souhaitez",
    "Texte affiché après que l'utilisateur ait terminé le quiz avec le score le plus élevé" 
];
window.questions = [
    ["Ceci est la 1ère question",
    "Bonne réponse à la question 1",
    "Mauvaise réponse à la question 1",
    "Autre mauvaise réponse à la question 1",
    "Encore une autre mauvaise réponse à la question 1"], 

    ["Ceci est la 2ème question, ajoutez en autant que vous le souhaitez",
    "Bonne réponse à la question 2",
    "Mauvaise réponse à la question 2",
    "Autre mauvaise réponse à la question 2"],

    ["Ceci est la 3ème question",
    "Bonne réponse à la question 3",
    "Mauvaise réponse à la question 3"]
];
importArticles({
    type: 'script',
    articles: [
        'u:dev:Quiz/code.js'
    ]
});

// 1. AjaxRC import statement
importArticles({
    type: 'script',
    articles: [
        'u:dev:MediaWiki:AjaxRC.js'
    ]
});

// 2. AjaxRC configuration option
window.ajaxRefresh = 30000;

// 1. AjaxRC configuration option
window.ajaxRefresh = 30000;

// 2. AjaxRC import statement
importArticles({
    type: 'script',
    articles: [
        'u:dev:MediaWiki:AjaxRC.js'
    ]
});