Template:Corso/Quiz: differenze tra le versioni
Modello della pagina
Altre azioni
Creata pagina con "<div class="quiz-q" data-answer="{{{risposta}}}" data-ok="{{{ok}}}" data-retry="{{{riprova}}}"> <p class="q-text">{{{domanda}}}</p> <div class="quiz-btns"> <span class="quiz-b..." |
rinominate le classi con prefisso course- |
||
| (5 versioni intermedie di 2 utenti non mostrate) | |||
| Riga 1: | Riga 1: | ||
<div class="quiz-q" data-answer="{{{risposta}}}" data-ok="{{{ok}}}" data-retry="{{{riprova}}}"> | <noinclude> | ||
<p class="q-text">{{{domanda}}}</p> | == Template:Corso/Quiz == | ||
<div class="quiz-btns"> | Una domanda a risposta multipla (2-4 opzioni), interattiva grazie al gadget "course" (<code>MediaWiki:Gadget-course.js</code>): cliccando una risposta il JS mostra subito se è corretta o no, con un messaggio diverso nei due casi. Nessuna estensione quiz esterna: è tutto fatto a mano con attributi <code>data-*</code> letti dal JS. | ||
< | |||
< | '''Parametri:''' | ||
{{#if:{{{C|}}}|< | * <code>domanda</code> — il testo della domanda | ||
< | * <code>A</code>, <code>B</code> — le prime due opzioni (obbligatorie) | ||
* <code>C</code>, <code>D</code> — opzioni facoltative (fino a 4 in totale) | |||
* <code>risposta</code> — la lettera corretta (<code>A</code>, <code>B</code>, <code>C</code> o <code>D</code>) | |||
* <code>ok</code> — messaggio mostrato se si risponde giusto | |||
* <code>riprova</code> — messaggio mostrato se si risponde sbagliato (si può ritentare) | |||
'''Esempio:''' | |||
<pre> | |||
{{Corso/Quiz|domanda=Quanti led ha il display del micro:bit?|A=Venticinque|B=Dodici|C=Quarantanove|risposta=A|ok=Sì! 5 colonne per 5 righe.|riprova=Riprova: conta i led nella griglia!}} | |||
</pre> | |||
'''Risultato:''' (prova a cliccare una risposta) | |||
{{Corso/Quiz|domanda=Quanti led ha il display del micro:bit?|A=Venticinque|B=Dodici|C=Quarantanove|risposta=A|ok=Sì! 5 colonne per 5 righe.|riprova=Riprova: conta i led nella griglia!}} | |||
</noinclude><includeonly><div class="course-quiz-q" data-answer="{{{risposta}}}" data-ok="{{{ok}}}" data-retry="{{{riprova}}}"> | |||
<p class="course-quiz-q-text">{{{domanda}}}</p> | |||
<div class="course-quiz-btns"> | |||
<div class="course-quiz-btn" data-opt="A" role="button" tabindex="0">{{{A}}}</div> | |||
<div class="course-quiz-btn" data-opt="B" role="button" tabindex="0">{{{B}}}</div> | |||
{{#if:{{{C|}}}|<div class="course-quiz-btn" data-opt="C" role="button" tabindex="0">{{{C}}}</div>}} | |||
{{#if:{{{D|}}}|<div class="course-quiz-btn" data-opt="D" role="button" tabindex="0">{{{D}}}</div>}} | |||
</div> | </div> | ||
<p class="course-quiz-feedback" aria-live="polite"></p> | |||
</div></includeonly> | |||
Versione attuale delle 19:58, 3 ago 2026
Template:Corso/Quiz
Una domanda a risposta multipla (2-4 opzioni), interattiva grazie al gadget "course" (MediaWiki:Gadget-course.js): cliccando una risposta il JS mostra subito se è corretta o no, con un messaggio diverso nei due casi. Nessuna estensione quiz esterna: è tutto fatto a mano con attributi data-* letti dal JS.
Parametri:
domanda— il testo della domandaA,B— le prime due opzioni (obbligatorie)C,D— opzioni facoltative (fino a 4 in totale)risposta— la lettera corretta (A,B,CoD)ok— messaggio mostrato se si risponde giustoriprova— messaggio mostrato se si risponde sbagliato (si può ritentare)
Esempio:
{{Corso/Quiz|domanda=Quanti led ha il display del micro:bit?|A=Venticinque|B=Dodici|C=Quarantanove|risposta=A|ok=Sì! 5 colonne per 5 righe.|riprova=Riprova: conta i led nella griglia!}}
Risultato: (prova a cliccare una risposta)
Quanti led ha il display del micro:bit?
Venticinque
Dodici
Quarantanove