|
|
| 1. sor: |
1. sor: |
| − | /* Quiz.js for vikwikiQuiz project
| |
| | | | |
| − | Copyright (C) 2013 Palotás Boldizsár
| |
| − |
| |
| − | Permission is hereby granted, free of charge, to any person obtaining a copy
| |
| − | of this software and associated documentation files (the "Software"), to deal
| |
| − | in the Software without restriction, including without limitation the rights
| |
| − | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
| |
| − | copies of the Software, and to permit persons to whom the Software is
| |
| − | furnished to do so, subject to the following conditions:
| |
| − |
| |
| − | The above copyright notice and this permission notice shall be included in
| |
| − | all copies or substantial portions of the Software.
| |
| − |
| |
| − | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
| |
| − | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
| |
| − | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
| |
| − | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
| |
| − | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
| |
| − | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
| |
| − | THE SOFTWARE.
| |
| − |
| |
| − | (MIT License)
| |
| − |
| |
| − | */
| |
| − |
| |
| − | (function (mw, $) {
| |
| − | /*
| |
| − | Egy anonim függvényobjektumot hozunk létre, amit rögtön végre is hajtunk.
| |
| − | Mivel a függvény külön névtérben van, ezért a globális névteret (window)
| |
| − | nem szennyezzük a lokális változókkal, függvényekkel.
| |
| − | */
| |
| − |
| |
| − | var questions = [],
| |
| − | shownQuestionIds = [],
| |
| − | uiContentElement,
| |
| − | uiControlElements = {},
| |
| − | config = new ConfObject(true, true),
| |
| − | stats = new StatObject(),
| |
| − | defaultScoringMethod = +1,
| |
| − | currentCodeID = "2013.02.07. v1";
| |
| − |
| |
| − | return init();
| |
| − |
| |
| − | /*
| |
| − | Inicializáló függvény. Eldönti, hogy kvízoldalról va szó, és ha igen, akkor
| |
| − | értelmezi és úgy alakítja át az oldalt, hogy interaktív kvízként működjön.
| |
| − | */
| |
| − | function init() {
| |
| − | if (!shouldLoadQuiz()) {
| |
| − | return false;
| |
| − | }
| |
| − | getDefaultScoringMethod(); // A kérdések parse-olása előtt kell legyen
| |
| − | parseQuestionsInDocument(); // Kérdések feldolgozása
| |
| − | parseAnswerGroupsInQuestions(); // Kérdéseken belül a válaszlehetőségek
| |
| − | uiCreateQuizInterface(); // Interfész (infobox) inicializása
| |
| − | uiPopulateQuizInterace(); // Interfészelemek létrehozása
| |
| − | uiReset(); // Reset, hogy rögtön mehessen a kvíz
| |
| − | return true;
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | A kvíz alapbeállított pontozási módszerét tölti be az oldalról.
| |
| − | */
| |
| − | function getDefaultScoringMethod() {
| |
| − | var defScorMethText = $('#vw-quiz-defaultscoringmethod').text();
| |
| − | if ($.trim(defScorMethText) === "-")
| |
| − | defaultScoringMethod = -1;
| |
| − | if ($.trim(defScorMethText) === "+")
| |
| − | defaultScoringMethod = +1;
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Eldönti, hogy be kell-e tölteni a kódot, kvízzé kell-e alakítani az oldalt.
| |
| − | */
| |
| − | function shouldLoadQuiz() {
| |
| − | if ($('#vw-quiz-canvas').length !== 1)
| |
| − | return false; // Ha nincs Kvízoldal sablon, vagy több is van -> NEM
| |
| − | if (mw.config.values.wgAction !== 'view' &&
| |
| − | mw.config.values.wgAction !== 'submit')
| |
| − | return false; // Ha nem megtekintjük a kész oldalt, vagy nem
| |
| − | // előnézetben vagyunk az oldal mentésekor -> NEM
| |
| − | if ($.cookie('vw-quiz-conf-loadcodeid') &&
| |
| − | $.cookie('vw-quiz-conf-loadcodeid') != currentCodeID)
| |
| − | return false; // Ha cookieval le van tiltva a kód -> NEM
| |
| − | return true; // Minden egyéb esetben IGEN
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Az infoboxban frissíti a statisztikákat.
| |
| − | */
| |
| − | function uiUpdateStats() {
| |
| − | // Átlagteljesítmény, százalékosan
| |
| − | uiControlElements.uiStatAverageText.text(
| |
| − | stats.totalAnswers != 0 ?
| |
| − | Math.round(stats.getRunningAverage() * 100).toString() + '%' :
| |
| − | ''
| |
| − | );
| |
| − | // Kérdések száma
| |
| − | uiControlElements.uiStatAllQuestionsText.text(
| |
| − | stats.totalAnswers.toString()
| |
| − | );
| |
| − | // Pontok száma két tizedesjegyre
| |
| − | uiControlElements.uiStatGoodAnswersText.text(
| |
| − | (Math.round(stats.totalPercentage * 100) / 100).toString()
| |
| − | );
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Feldolozza a kérdéseket a dokumentumban.
| |
| − | Egy kérdés az első <H2> tagtől a következőig tart. Egy <HR> (horizontal
| |
| − | rule) tag a kérdéssor végét jelöli (wikiszintexissal ez négy kötőjel ----),
| |
| − | így lehet megjegyzéseket beszúrni a kérdéssor elé és mögé.
| |
| − | */
| |
| − | function parseQuestionsInDocument() {
| |
| − | var CQ_UNINITIATED = -1;
| |
| − | var CQ_EXIT = -2;
| |
| − |
| |
| − | // A tartalomrész felsőszintű elemei.
| |
| − | var uiContentElements = $('#mw-content-text > *');
| |
| − |
| |
| − | // Az első <H2>-ig mindent ignorálunk.
| |
| − | // Onnantól kezdve a megfelelő QuestionObjectbe beletoljuk az összes alá
| |
| − | // tartozó elemet
| |
| − | var questionId = CQ_UNINITIATED;
| |
| − | for (var i = 0; i != uiContentElements.length && questionId != CQ_EXIT; i++) {
| |
| − | if (uiContentElements[i].nodeName === 'H2') {
| |
| − | questionId++ ;
| |
| − | questions.push(new QuestionObject(questionId));
| |
| − | questions[questionId].uiElements.push( $(uiContentElements[i]).detach()[0] );
| |
| − | } else if (uiContentElements[i].nodeName === 'HR') {
| |
| − | // <HR/> -> abort mission
| |
| − | questionId = CQ_EXIT;
| |
| − | } else if (questionId > CQ_UNINITIATED) {
| |
| − | questions[questionId].uiElements.push( $(uiContentElements[i]).detach()[0] );
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | A QuestionObject-ekbe betöltött HTML-elemeket végignézve feldolgozza a
| |
| − | válaszcsoportokat.
| |
| − | */
| |
| − | function parseAnswerGroupsInQuestions() {
| |
| − | for (var i = 0; i != questions.length; i++) {
| |
| − | questions[i].parseAnswerGroups(defaultScoringMethod, checkAnswer);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Létrehozza a kvizinterfészt. Bizonyos HTML-elemeket betölti egy-egy
| |
| − | változóba a gyors elérésé érdekében.
| |
| − | */
| |
| − | function uiCreateQuizInterface() {
| |
| − | uiContentElement = $('#vw-quiz-content');
| |
| − |
| |
| − | $('#toc').remove(); // tartalomjegyzék törléseaz oldalról, ha van
| |
| − |
| |
| − | // Infobox stílusának beállítása
| |
| − | var uiInfoboxElement = $('#vw-quiz-infobox');
| |
| − | uiInfoboxElement.css( {
| |
| − | position: 'fixed',
| |
| − | right: $('#content').css('padding-right')
| |
| − | } );
| |
| − | $('#vw-quiz-infobox .infobox').css('max-width', '100%');
| |
| − | $('#mw-content-text').css('margin-right', uiInfoboxElement.width().toString() + 'px');
| |
| − | $('#mw-content-text').css('min-height', uiInfoboxElement.height().toString() + 'px');
| |
| − |
| |
| − | // Infobox pozicionálása (hogy mindig látszódjon, ha görgetünk is)
| |
| − | var setInfoboxPosition = function() {
| |
| − | var relTop = $('#vw-quiz-content').offset().top - $(window).scrollTop();
| |
| − | $('#vw-quiz-infobox .infobox').offset({
| |
| − | top: (relTop < 10 ? 10 + $(window).scrollTop() : $('#vw-quiz-content').offset().top)
| |
| − | });
| |
| − | };
| |
| − | $(window).scroll(setInfoboxPosition);
| |
| − | setInfoboxPosition();
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Az infobox (interfész) feltöltése a gombokkal és ezek exportálása egy
| |
| − | változóba (uiControlElements) a gyors elérés érdekében.
| |
| − | */
| |
| − | function uiPopulateQuizInterace() {
| |
| − | var uiStatAverageText = $('#vw-quiz-stat-average');
| |
| − | var uiStatAllQuestionsText = $('#vw-quiz-stat-allquestions');
| |
| − | var uiStatGoodAnswersText = $('#vw-quiz-stat-goodanswers');
| |
| − |
| |
| − | var resetButton = $('<input type="button" />').val('Újrakezdés');
| |
| − | resetButton.appendTo( $('#vw-quiz-stat-reset').text('') );
| |
| − | resetButton.click(uiReset);
| |
| − |
| |
| − | var checkAllButton = $('<input type="button" />').val('Minden válasz ellenőrzése');
| |
| − | checkAllButton.appendTo( $('#vw-quiz-check-all').text('') );
| |
| − | checkAllButton.click(uiCheckAll);
| |
| − |
| |
| − | var showAllCheckbox = $('<input type="checkbox" />').prop(
| |
| − | 'checked', config.showAll
| |
| − | ).prop(
| |
| − | 'id', 'vw-quiz-show-all-checkbox'
| |
| − | );
| |
| − | showAllCheckbox.appendTo( $('#vw-quiz-conf-showall').text('') );
| |
| − |
| |
| − | var randomCheckbox = $('<input type="checkbox" />').prop(
| |
| − | 'checked', config.randomOrder
| |
| − | ).prop(
| |
| − | 'id', 'vw-quiz-random-checkbox'
| |
| − | );
| |
| − | randomCheckbox.appendTo( $('#vw-quiz-conf-ordering').text('') );
| |
| − |
| |
| − | uiControlElements = {
| |
| − | uiStatAverageText: uiStatAverageText,
| |
| − | uiStatAllQuestionsText: uiStatAllQuestionsText,
| |
| − | uiStatGoodAnswersText: uiStatGoodAnswersText,
| |
| − | resetButton: resetButton,
| |
| − | checkAllButton: checkAllButton,
| |
| − | randomCheckbox: randomCheckbox,
| |
| − | showAllCheckbox: showAllCheckbox
| |
| − | };
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Randomizálja a megjelenített kérdések sorrendjét
| |
| − | */
| |
| − | function randomizeDisplayOrder() {
| |
| − | var ArrayShuffle = function(a) {
| |
| − | var d,
| |
| − | c,
| |
| − | b = a.length;
| |
| − | while (b) {
| |
| − | c = Math.floor(Math.random() * b);
| |
| − | d = a[--b];
| |
| − | a[b] = a[c];
| |
| − | a[c] = d;
| |
| − | }
| |
| − | return a;
| |
| − | };
| |
| − |
| |
| − | shownQuestionIds = ArrayShuffle(shownQuestionIds);
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | A [Minden válasz ellenőrzése]/[Minden kérdés mutatása] gomb eseménykezelője
| |
| − | */
| |
| − | function uiCheckAll() {
| |
| − | if (config.showAll) {
| |
| − | // Ha minden látszik, akkor mindent ellenőrzünk
| |
| − | $(':button.vw-quiz-check-btn').click();
| |
| − | } else {
| |
| − | // Ha nem minden kérdés látszik, akkor beállítjuk, hogy látszódjon,
| |
| − | // és resetelünk
| |
| − | uiControlElements.showAllCheckbox.prop('checked', true);
| |
| − | uiReset();
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | A beállítások betöltése az infoboxból.
| |
| − | */
| |
| − | function configSet() {
| |
| − | config.setRandomOrder(uiControlElements.randomCheckbox.prop('checked'));
| |
| − | config.setShowAll(uiControlElements.showAllCheckbox.prop('checked'))
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Újrakezdés. Az [Újrakezdés] gomb eseménykezelője is.
| |
| − | */
| |
| − | function uiReset() {
| |
| − | configSet();
| |
| − | reset();
| |
| − | uiShowQuestions();
| |
| − | uiUpdateStats();
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Újrakezdéskor visszaállítja a válaszadások közben megváltoztatott dolgokat.
| |
| − | */
| |
| − | function reset() {
| |
| − | // Megjelenített kérdések listáját töröljük
| |
| − | shownQuestionIds = [];
| |
| − | // Hogy érkezett-e válasz a kérdésre, azt is alaphelyzetbe állítjuk,
| |
| − | // majd a kérdést újra hozzáadjuk a megjelenített kérdések listájához.
| |
| − | for (var i = 0; i != questions.length; i++) {
| |
| − | questions[i].submitted = false;
| |
| − | questions[i].uiResetAnswers();
| |
| − | shownQuestionIds.push(i);
| |
| − | }
| |
| − | // Ha kell, randomizáljuk a sorrendet.
| |
| − | if (config.randomOrder) {
| |
| − | randomizeDisplayOrder();
| |
| − | }
| |
| − | // Mást csinál a gomb, ha minden kérdés látszik, és mást, ha csak 1.
| |
| − | if (!config.showAll) {
| |
| − | uiControlElements.checkAllButton.val('Minden kérdés mutatása');
| |
| − | } else {
| |
| − | uiControlElements.checkAllButton.val('Minden válasz ellenőrzése');
| |
| − | }
| |
| − | // Statisztikák visszaállítása.
| |
| − | stats.reset();
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Újrakezdéskor megjeleníti a kérdéseket a megfelelő sorrendben az oldalon.
| |
| − | */
| |
| − | function uiShowQuestions() {
| |
| − | uiContentElement.children().detach();
| |
| − | for (var i = 0; i != shownQuestionIds.length; i++) {
| |
| − | questions[ shownQuestionIds[i] ].uiParentElement.appendTo(uiContentElement);
| |
| − | // Ha nem minden kell látszódjon, akkor elrejtjük a többi kérdést.
| |
| − | if (!config.showAll && i != 0) {
| |
| − | questions[ shownQuestionIds[i] ].uiParentElement.css('display', 'none');
| |
| − | } else {
| |
| − | // config.showAll || i == 0
| |
| − | questions[ shownQuestionIds[i] ].uiParentElement.css('display', 'block');
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Egy adott kérdés bejelölt válaszainak ellenőrzése, eredmény mutatása stb.
| |
| − | */
| |
| − | function checkAnswer(question) {
| |
| − | // Amit már ellenőriztünk, azt nem ellenőrizzük újra.
| |
| − | if (question.submitted) {
| |
| − | return false;
| |
| − | }
| |
| − | question.submitted = true;
| |
| − |
| |
| − | // Válaszellenőrzés
| |
| − | var result = question.checkAnswer();
| |
| − | stats.totalAnswers += result.totalAnswers;
| |
| − | stats.totalPercentage += result.totalPercentage;
| |
| − | uiUpdateStats();
| |
| − |
| |
| − | // Következő kérdés mutatása, ha nem mind látszik
| |
| − | if (!config.showAll) {
| |
| − | uiHidePreviousQuestion(question);
| |
| − | uiShowNextQuestion(question);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Egy kérdés válaszainak ellenőrzése után az előző kérdést elrejti.
| |
| − | */
| |
| − | function uiHidePreviousQuestion(question) {
| |
| − | var prevQuestion = getPreviousQuestion(question);
| |
| − | if (prevQuestion == null)
| |
| − | return false;
| |
| − | if (prevQuestion.uiParentElement.css('display') == 'none')
| |
| − | return true;
| |
| − | prevQuestion.uiParentElement.slideUp();
| |
| − | return true;
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Egy kérdés válaszainak ellenőrzése után a következő kérdést megjeleníti.
| |
| − | */
| |
| − | function uiShowNextQuestion(question) {
| |
| − | var nextQuestion = getNextQuestion(question);
| |
| − | if (nextQuestion == null) {
| |
| − | // Ha nincs több kérdés, akkor ezt külön üzenettel jelzi.
| |
| − | var uiEndOfQuizMessage = $('<p></p>').text('A kvíz véget ért.');
| |
| − | uiEndOfQuizMessage.css({
| |
| − | 'padding': '1em',
| |
| − | 'border': '1px solid #aaa',
| |
| − | 'margin': '1em 0',
| |
| − | 'text-align': 'center',
| |
| − | 'font-size': '1.1em',
| |
| − | 'display': 'none'
| |
| − | });
| |
| − | uiContentElement.append(uiEndOfQuizMessage);
| |
| − | uiEndOfQuizMessage.slideDown();
| |
| − | return false;
| |
| − | }
| |
| − | if (nextQuestion.uiParentElement.css('display') == 'block')
| |
| − | return true;
| |
| − | nextQuestion.uiParentElement.slideDown();
| |
| − | return true;
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Visszatér a megjelenítési sorrend szerint az előző kérdéssel.
| |
| − | */
| |
| − | function getPreviousQuestion(question) {
| |
| − | for (var i = 0; i != shownQuestionIds.length; i++) {
| |
| − | if (question.id == shownQuestionIds[i] && i > 0) {
| |
| − | return questions[ shownQuestionIds[i - 1] ];
| |
| − | }
| |
| − | }
| |
| − | return null;
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | Visszatér a megjelenítési sorrend szerint a következő kérdéssel.
| |
| − | */
| |
| − | function getNextQuestion(question) {
| |
| − | for (var i = 0; i != shownQuestionIds.length; i++) {
| |
| − | if (question.id == shownQuestionIds[i] && i < shownQuestionIds.length - 1) {
| |
| − | return questions[ shownQuestionIds[i + 1] ];
| |
| − | }
| |
| − | }
| |
| − | return null;
| |
| − | }
| |
| − |
| |
| − | /* ------------------------------------------------------- */
| |
| − |
| |
| − | /*
| |
| − | Egy kérdés adatai tartalmazó objektum.
| |
| − | Kezdetnek csak egy azonosítót kell megadni.
| |
| − | */
| |
| − | function QuestionObject(id) {
| |
| − | this.id = id;
| |
| − | this.uiElements = [];
| |
| − | this.uiParentElement = null;
| |
| − | this.answers = [];
| |
| − | this.submitted = false;
| |
| − |
| |
| − | /*
| |
| − | A kérdésben a betöltött HTML-elemeket nézve kiolvassa a kérdésre a különböző
| |
| − | válaszcsoportokban adható válaszokat.
| |
| − | */
| |
| − | this.parseAnswerGroups = function(defaultScoringMethod, answerCheckingFunction) {
| |
| − | for (var j = 1; j < this.uiElements.length; j++) {
| |
| − | var currentElement = this.uiElements[j];
| |
| − | var previousElement = this.uiElements[j - 1];
| |
| − |
| |
| − | /*
| |
| − | Egy válaszcsoport mindig egy <OL> rendezett listában van (#
| |
| − | szintaxis), ha az előző elemben megtalálható a "vw-quiz-meta"
| |
| − | osztályú elemet tartalmazó sablon, amely a helyes válaszok listáját,
| |
| − | a kérdés és a pontozás típusát tartalmazza.
| |
| − | */
| |
| − | if (currentElement.nodeName === "OL"
| |
| − | && $('.vw-quiz-meta', previousElement).length !== 0
| |
| − | ) {
| |
| − | this.answers.push(new AnswerGroupObject(
| |
| − | $('.vw-quiz-type', previousElement).text(),
| |
| − | $('.vw-quiz-answer', previousElement).text(),
| |
| − | $('.vw-quiz-scoringmethod', previousElement).text(),
| |
| − | $(currentElement).children().length,
| |
| − | currentElement,
| |
| − | this.id,
| |
| − | this.answers.length,
| |
| − | defaultScoringMethod
| |
| − | ));
| |
| − | $(previousElement).css('display', 'none'); // Meta elrejtése
| |
| − | }
| |
| − | }
| |
| − | // Válaszgomb hozzáadása
| |
| − | this.uiAddAnswerButton(answerCheckingFunction);
| |
| − | // Egy darab tartalmazó <div> hozzáadása
| |
| − | this.uiAddParentElement();
| |
| − | };
| |
| − |
| |
| − | /*
| |
| − | Egy darab a teljes kvízkérdést tartalmazó <div> létrehozása.
| |
| − | */
| |
| − | this.uiAddParentElement = function() {
| |
| − | this.uiParentElement = $('<div></div>').addClass('vw-quiz-container').append(this.uiElements);
| |
| − | this.uiParentElement.css({
| |
| − | 'padding': '.3em 1em 1em 1em',
| |
| − | 'border': '1px solid #aaa',
| |
| − | 'margin': '1em 0'
| |
| − | });
| |
| − | };
| |
| − |
| |
| − | /*
| |
| − | Válaszgomb hozzáadása a kérdés legvégéhez. Az answerCheckingFunction a
| |
| − | függvény, amit a gomb megnyomásakor meg kell hívni a válasz ellenőrzéséhez
| |
| − | (a teljes kvízhez tartozik egy ilyen függvény, amit paraméterként átadunk).
| |
| − | */
| |
| − | this.uiAddAnswerButton = function(answerCheckingFunction) {
| |
| − | var button = $('<input type="button" />').val('Ellenőrzés').addClass("vw-quiz-check-btn");
| |
| − | button.css({
| |
| − | 'display': 'block',
| |
| − | 'margin-top': '1em',
| |
| − | 'font-size': '1.1em'
| |
| − | });
| |
| − | var self = this;
| |
| − | button.click(function(eventObject) {
| |
| − | answerCheckingFunction(self);
| |
| − | });
| |
| − | this.uiElements.push(button[0]);
| |
| − | };
| |
| − |
| |
| − | /*
| |
| − | Válaszok visszaállítása alaphelyzetbe (kitöltetlen és jelöletlen).
| |
| − | */
| |
| − | this.uiResetAnswers = function () {
| |
| − | var answerElements = $('.vw-quiz-question > li', this.uiParentElement);
| |
| − | answerElements.css({
| |
| − | 'margin': '.1em',
| |
| − | 'cursor': 'pointer',
| |
| − | 'background-color': 'transparent',
| |
| − | 'opacity': '1',
| |
| − | 'border': '1px solid transparent'
| |
| − | });
| |
| − | $(':radio, :checkbox', this.uiParentElement).prop('checked', false);
| |
| − | $(':button, :checkbox, :radio', this.uiParentElement).css('cursor', 'pointer').prop('disabled', false);
| |
| − | };
| |
| − |
| |
| − | /*
| |
| − | A válaszok ellenőrzése egy adott kérdés esetén. Visszatér a kérdés
| |
| − | pontértékével és az elért pontokkal.
| |
| − | */
| |
| − | this.checkAnswer = function() {
| |
| − | // A pontszámok, amiket a felhasználó kap.
| |
| − | var result = {
| |
| − | totalAnswers: 0,
| |
| − | totalPercentage: 0
| |
| − | };
| |
| − | for (var i = 0; i != this.answers.length; i++) {
| |
| − | // interfész: válaszadás letiltása az ellenőrzéssel.
| |
| − | $('input', this.uiParentElement).prop('disabled', true);
| |
| − | $('input, .vw-quiz-question > li', this.uiParentElement).css('cursor', 'default')
| |
| − |
| |
| − | var points = 0;
| |
| − | var ans = this.answers[i];
| |
| − | if (ans.type === 1) {
| |
| − | // Egyválaszos (radio button) kérdéstípus
| |
| − | result.totalAnswers++;
| |
| − | // A jó válasz kivételével az összes elhalványítása
| |
| − | $('li:not(:nth-of-type(' + (ans.answer + 1).toString() + '))', ans.uiElement).not("li li").css({
| |
| − | 'opacity': '0.5'
| |
| − | });
| |
| − | var userSelectedAnswer = $(':radio:checked', ans.uiElement).data('answer-id');
| |
| − | if (!isNaN(userSelectedAnswer) && userSelectedAnswer !== ans.answer) {
| |
| − | // Hibás választ adott
| |
| − | result.totalPercentage += (ans.scoringMethod === -1 ? -1 : 0);
| |
| − | // Helyes választ sárgával jelöljük
| |
| − | $('li:nth-of-type(' + (ans.answer + 1).toString() + ')', ans.uiElement).not("li li").css({
| |
| − | 'background-color': '#fff8d0',
| |
| − | 'border-color': '#aa2'
| |
| − | });
| |
| − | // Megjelölt választ pirossal jelöljük
| |
| − | $('li:nth-of-type(' + (userSelectedAnswer + 1).toString() + ')', ans.uiElement).not("li li").css({
| |
| − | 'background-color': '#ffe0e0',
| |
| − | 'border-color': '#a00'
| |
| − | });
| |
| − | } else if (!isNaN(userSelectedAnswer)) {
| |
| − | // Jót jelölt, zölddel jelöljük
| |
| − | result.totalPercentage += 1;
| |
| − | $('li:nth-of-type(' + (userSelectedAnswer + 1).toString() + ')', ans.uiElement).not("li li").css({
| |
| − | 'background-color': '#d8f8d0',
| |
| − | 'border-color': '#0a0',
| |
| − | 'opacity': '1'
| |
| − | });
| |
| − | } else {
| |
| − | // Nem jelölt semmit
| |
| − | // Helyes választ sárgával jelöljük
| |
| − | $('li:nth-of-type(' + (ans.answer + 1).toString() + ')', ans.uiElement).not("li li").css({
| |
| − | 'background-color': '#fff8d0',
| |
| − | 'border-color': '#aa2'
| |
| − | });
| |
| − | }
| |
| − | } else if (ans.type === 2) {
| |
| − | // Többválaszos (checkbox) kérdéstípus
| |
| − | result.totalAnswers++;
| |
| − | var uiAnswerElements = $('li', ans.uiElement).not('li li');
| |
| − | var partialPoints = 0;
| |
| − |
| |
| − | // Végigmegyünk az összes válaszlehetőségen
| |
| − | for (var j = 0; j != uiAnswerElements.length; j++) {
| |
| − | var currentAnswerElement = $(uiAnswerElements[j]);
| |
| − | var checkbox = $(':checkbox', currentAnswerElement);
| |
| − |
| |
| − | if (ans.answer.indexOf(j) !== -1) {
| |
| − | // Be kéne legyen jelölve
| |
| − | if (checkbox.prop('checked')) {
| |
| − | // Be is van
| |
| − | currentAnswerElement.css({
| |
| − | 'border-color': '#0a0',
| |
| − | 'background-color': '#d8f8d0'
| |
| − | });
| |
| − | partialPoints++;
| |
| − | } else {
| |
| − | // Nincs, hibás válasz
| |
| − | currentAnswerElement.css({
| |
| − | 'border-color': '#aa2',
| |
| − | 'background-color': '#fff8d0'
| |
| − | });
| |
| − | if (ans.scoringMethod === -1)
| |
| − | partialPoints--;
| |
| − | }
| |
| − | } else {
| |
| − | // Nem kéne bejelölve legyen
| |
| − | if (checkbox.prop('checked')) {
| |
| − | // De mégis be van, hibás válasz
| |
| − | currentAnswerElement.css({
| |
| − | 'border-color': '#a00',
| |
| − | 'background-color': '#ffe0e0',
| |
| − | 'opacity': '0.5'
| |
| − | });
| |
| − | if (ans.scoringMethod === -1)
| |
| − | partialPoints--;
| |
| − | } else {
| |
| − | // És nincs is, ezzel látszólag nem foglalkozunk,
| |
| − | // mert csak zavaró, de pontot adunk rá.
| |
| − | currentAnswerElement.css({
| |
| − | 'opacity': '0.5'
| |
| − | });
| |
| − | partialPoints++;
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − | result.totalPercentage += (partialPoints / ans.numberOfOptions);
| |
| − | }
| |
| − | }
| |
| − | return result;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* ------------------------------------------------------- */
| |
| − |
| |
| − | /*
| |
| − | Egy válaszcsoportot szimbolizáló objektum.
| |
| − | */
| |
| − | function AnswerGroupObject(
| |
| − | typeText, // A válaszcsoport típusát leíró szöveg a wikioldalról
| |
| − | correctAnswerText, // A jó választ leíró szöveg a wikioldalról
| |
| − | scoringMethodText, // A pontozást leíró szöveg a wikioldalról
| |
| − | numberOfOptions, // A válaszlehetőségek száma
| |
| − | uiElement, // A válaszcsoporthoz tartozó HTML <OL> listaelem
| |
| − | questionId, // Kérdésazonosító
| |
| − | answerId, // Válaszcsoportazonosító
| |
| − | defaultScoringMethod // Alap pontozási módszer
| |
| − | ) {
| |
| − | // Inicializálás
| |
| − |
| |
| − | // Választípus megállapítása
| |
| − | this.type = 1; // A default az egyválaszos (radio)
| |
| − | if ($.trim(typeText) === "egy")
| |
| − | this.type = 1;
| |
| − | if ($.trim(typeText) === "több")
| |
| − | this.type = 2;
| |
| − |
| |
| − | this.answer = null;
| |
| − |
| |
| − | // Pontozás megállapítása
| |
| − | this.scoringMethod = defaultScoringMethod;
| |
| − | if ($.trim(scoringMethodText) === "-")
| |
| − | this.scoringMethod = -1;
| |
| − | if ($.trim(scoringMethodText) === "+")
| |
| − | this.scoringMethod = +1;
| |
| − |
| |
| − | // Egyebek
| |
| − | this.numberOfOptions = numberOfOptions;
| |
| − | this.uiElement = $(uiElement);
| |
| − | this.questionId = questionId;
| |
| − | this.answerId = answerId;
| |
| − |
| |
| − | init.call(this);
| |
| − | addAnswerControls.call(this);
| |
| − |
| |
| − | // Válasz megállapítása és stílus beállítása
| |
| − | function init() {
| |
| − | if (this.type === 1) {
| |
| − | this.answer = parseInt(correctAnswerText) - 1;
| |
| − | } else if (this.type === 2) {
| |
| − | this.answer = [];
| |
| − | var answer_list = correctAnswerText.split(",");
| |
| − | for (var ans_i = 0; ans_i != answer_list.length; ans_i++) {
| |
| − | this.answer.push(parseInt(answer_list[ans_i]) - 1);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | this.uiElement.css({
| |
| − | 'border': '1px solid #aaa',
| |
| − | 'list-style-type': 'none',
| |
| − | 'list-style-image': 'none',
| |
| − | 'padding': '.25em',
| |
| − | 'margin': '.5em 0 0 0'
| |
| − | });
| |
| − | }
| |
| − |
| |
| − | // Válaszadásra lehetőséget adó ineraktív elemek (radio button, checkbox)
| |
| − | // hozzáadása a válaszlehetőségekhez
| |
| − | function addAnswerControls() {
| |
| − | this.uiElement.addClass('vw-quiz-question');
| |
| − | var answerOptionElements = $('li', this.uiElement).not('li li');
| |
| − | if (this.type === 1) {
| |
| − | for (var i = 0; i != answerOptionElements.length; i++) {
| |
| − | var idString = 'vw-qa-' + this.questionId.toString() + '-' + this.answerId.toString();
| |
| − | var uiRadiobutton = $('<input type="radio" />')
| |
| − | .prop('id', idString + '-' + i.toString())
| |
| − | .prop('name', idString)
| |
| − | .data('answer-id', i);
| |
| − | // A listaelemre kattintás olyan, mintha rákattintanék a gombra
| |
| − | $(answerOptionElements[i]).prepend(uiRadiobutton).click(uiRadiobutton, function(eventObject) {
| |
| − | if (eventObject.target.nodeName == "INPUT") {
| |
| − | return true;
| |
| − | }
| |
| − | eventObject.data.click();
| |
| − | });
| |
| − | }
| |
| − | } else if (this.type === 2) {
| |
| − | for (var i = 0; i !== answerOptionElements.length; i++) {
| |
| − | var idString = 'vw-qa-' + this.questionId.toString() + '-' + this.answerId.toString() + '-' + i.toString();
| |
| − | var uiCheckbox = $('<input type="checkbox" />')
| |
| − | .prop('id', idString)
| |
| − | .prop('name', idString)
| |
| − | .data('answer-id', i);
| |
| − | // A listaelemre kattintás olyan, mintha rákattintanék a pipára
| |
| − | $(answerOptionElements[i]).prepend(uiCheckbox).click(uiCheckbox, function(eventObject) {
| |
| − | if (eventObject.target.nodeName == "INPUT") {
| |
| − | return true;
| |
| − | }
| |
| − | eventObject.data.click();
| |
| − | });
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* ------------------------------------------------------- */
| |
| − |
| |
| − | /*
| |
| − | Statisztikát számon tartó objektum.
| |
| − | */
| |
| − | function StatObject() {
| |
| − | this.totalAnswers = 0;
| |
| − | this.totalPercentage = 0;
| |
| − | this.getRunningAverage = function() { return this.totalPercentage / this.totalAnswers; };
| |
| − | this.reset = function() { this.totalAnswers = 0; this.totalPercentage = 0; };
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* ------------------------------------------------------- */
| |
| − |
| |
| − | /*
| |
| − | Felhasználói beállításokat számon tartó objektum.
| |
| − | */
| |
| − | function ConfObject(showAllDefault, randomOrderDefault) {
| |
| − | this.showAll = showAllDefault;
| |
| − | if ($.cookie('vw-quiz-conf-showall') == 'showall') {
| |
| − | this.showAll = true;
| |
| − | }
| |
| − | if ($.cookie('vw-quiz-conf-showall') == 'showone') {
| |
| − | this.showAll = false;
| |
| − | }
| |
| − | this.randomOrder = randomOrderDefault;
| |
| − | if ($.cookie('vw-quiz-conf-ordering') == 'random') {
| |
| − | this.randomOrder = true;
| |
| − | }
| |
| − | if ($.cookie('vw-quiz-conf-ordering') == 'inorder') {
| |
| − | this.randomOrder = false;
| |
| − | }
| |
| − |
| |
| − | // Véletlenszerú sorrend mentése cookie-ba
| |
| − | this.setRandomOrder = function(value) {
| |
| − | this.randomOrder = value;
| |
| − | $.cookie('vw-quiz-conf-ordering', value ? 'random' : 'inorder');
| |
| − | };
| |
| − |
| |
| − | // "Minden kérdés látszik" mentése cookie-ba
| |
| − | this.setShowAll = function(value) {
| |
| − | this.showAll = value;
| |
| − | $.cookie('vw-quiz-conf-showall', value ? 'showall' : 'showone');
| |
| − | };
| |
| − | }
| |
| − |
| |
| − |
| |
| − | })( mediaWiki, jQuery );
| |
| − |
| |
| − | /*
| |
| − |
| |
| − | -----------------------------------------------
| |
| − | --------------- END OF Quiz.js ----------------
| |
| − | -----------------------------------------------
| |
| − |
| |
| − | */
| |
