« Modèle:Question » : différence entre les versions
(Correction CSS, ajustement de la taille minimale de la question selon la présence d'images et déplacement du code pour cacher la réponse afin de supporter les questions imbriquées) |
(Correction caractères corrompus) Balise : Éditeur de wikicode 2017 |
||
(9 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
<includeonly> | <includeonly> | ||
<div style="display:none"><!--Tricks the visual editor not to display raw html--><html><script type="text/javascript"> | <div style="display:none"><!--Tricks the visual editor not to display raw html--><html><script type="text/javascript"> | ||
inlineJS['Modèle:Question'] = function(){ | |||
$('.question-see-answer').click(function(){ | $('.question-see-answer').click(function(){ | ||
$(this).closest(".question").find('.question-answer').fadeToggle(); | $(this).closest(".question").find('.question-answer').fadeToggle(); | ||
$(this).text($(this).text() == 'Voir' ? 'Cacher' : 'Voir'); | $(this).text($(this).text() == 'Voir'?'Cacher':'Voir'); | ||
}); | }); | ||
function checksum(str){ | |||
var sum = 0; | |||
debug; | |||
for(var i = 0; i < str.length; i++) { sum += str.charCodeAt(i) / (i + 1); } | |||
return sum; | |||
} | |||
$('.question-flag').click(function(){ | |||
if($(this).text() == 'Marquer') { // Flag question. | |||
$(this).text('Ok').css('color', 'green'); | |||
$(this).closest(".question").css('border', '5px solid #b72245').addClass('flagged-question'); | |||
document.cookie = 'question' + $(this).closest(".question").attr('id') + '=flag; expires= Mon, 31 Dec 2030 12:00:00 UTC;'; | |||
} | |||
else { // Unflag question. | |||
$(this).text('Marquer').css('color', '#b72245'); | |||
$(this).closest(".question").css('border', 'inherit').removeClass('flagged-question'); | |||
document.cookie = 'question' + $(this).closest(".question").attr('id') + '=; expires= Mon, 31 Dec 2000 12:00:00 UTC;'; | |||
} | |||
}); | |||
$('.question-flag').each(function(){ // Flag questions that were previously marked. | |||
if(document.cookie.indexOf('question' + $(this).closest(".question").attr('id'))!=-1) { | |||
$(this).text('Ok').css('color', 'green'); | |||
$(this).closest(".question").css('border', '5px solid #b72245').addClass('flagged-question'); | |||
} | |||
}); | |||
/* Mediawiki adds breaks at a bunch of line breaks that are not necessary, remove them. | /* Mediawiki adds breaks at a bunch of line breaks that are not necessary, remove them. | ||
* This is actually the fault of the template code, but they are hard to track and eliminate.*/ | * This is actually the fault of the template code, but they are hard to track and eliminate.*/ | ||
$('.question p').each(function(){ if($(this).html() == "<br>\n") { $(this).html(""); } }); | $('.question p').each(function(){ if($(this).html() == "<br>\n") { $(this).html(""); } }); | ||
}; | |||
} | |||
</script></html></div> | </script></html></div> | ||
{{Boîte | {{Boîte | ||
Ligne 21 : | Ligne 47 : | ||
|contenu= | |contenu= | ||
<span class="question-number" style="float: left; margin-right: 1em;"></span><span class="plainlinks noprint" style="color:#555; font-size:small; float: right;">[ [{{fullurl:{{FULLPAGENAME}}|veaction=edit}}#{{anchorencode:{{{question}}}}} modifier] ]</span><div style="display: inline-block; font-weight:bold; width:80%; margin-top:-0.5em;"> | <span class="question-number" style="float: left; margin-right: 1em;"></span><span class="plainlinks noprint" style="color:#555; font-size:small; float: right;">[ [{{fullurl:{{FULLPAGENAME}}|veaction=edit}}#{{anchorencode:{{{question}}}}} modifier] ]</span><div style="display: inline-block; font-weight:bold; width:80%; margin-top:-0.5em;"> | ||
{{{question|Veuillez saisir une question}}} | <div class="question-text">{{{question|Veuillez saisir une question}}}</div> | ||
</div>{{#if:{{{sous-question|}}}|<br>{{{sous-question}}}|}}{{#if:{{{image_question|}}}|<br>{{#if:{{{marqueur1_symbole|}}}|{{Marqueur|x={{{marqueur1_x|40}}}|y={{{marqueur1_y|40}}}|taille=40|couleur={{{marqueur1_couleur|red}}}|marqueur={{{marqueur1_symbole}}}|contenu=[[Fichier:{{{image_question}}}|400px]]}}|[[Fichier:{{{image_question}}}|400px]]}}|}} | </div>{{#if:{{{sous-question|}}}|<br>{{{sous-question}}}|}}{{#if:{{{image_question|}}}|<br>{{#if:{{{marqueur1_symbole|}}}|{{Marqueur|x={{{marqueur1_x|40}}}|y={{{marqueur1_y|40}}}|taille=40|couleur={{{marqueur1_couleur|red}}}|marqueur={{{marqueur1_symbole}}}|contenu=[[Fichier:{{{image_question}}}|400px]]}}|[[Fichier:{{{image_question}}}|400px]]}}|}} | ||
<div style="margin-left:25px" class="question-answer"><div style="display:none"><!--Tricks the visual editor not to display raw html--><html><script type="text/javascript"> | <div style="margin-left:25px" class="question-answer"><div style="display:none"><!--Tricks the visual editor not to display raw html--><html><script type="text/javascript"> | ||
Ligne 32 : | Ligne 58 : | ||
elements[elements.length - 1].classList.add('printonly'); | elements[elements.length - 1].classList.add('printonly'); | ||
</script></html></div> | </script></html></div> | ||
{{{réponse|Veuillez saisir une réponse}}}{{#if:{{{image_réponse|}}}|[[Fichier:{{{image_réponse}}}|400px]]|}} | {{{réponse|Veuillez saisir une réponse}}}{{#if:{{{références_réponse|}}}|<br>Références:<br><ol>{{#arraymap:{{{références_réponse|}}}|;|x|<li>x</li>| }}</ol>|}}{{#if:{{{image_réponse|}}}|[[Fichier:{{{image_réponse}}}|400px]]|}} | ||
{{#if:{{{explication|}}}|<div style="border:1px solid #aaaaaa; margin: 10px; padding: 10px"> | {{#if:{{{explication|}}}|<div style="border:1px solid #aaaaaa; margin: 10px; padding: 10px"> | ||
{{{explication}}}</div>|}} | {{{explication}}}{{#if:{{{références_explication|}}}|<br>Références:<br><ol>{{#arraymap:{{{références_explication|}}}|;|x|<li>x</li>| }}</ol>|}}</div>|}} | ||
</div> | </div> | ||
<div class="noprint" style="text-align: | <div class="noprint" style="text-align: left;"><span style="display:none;" class="question-uuid">{{{uuid|no-uuid}}}</span> | ||
<html><button class="question-see-answer mw-ui-button">Voir</button></html> | <html><button style="color:#b72245;" class="question-flag mw-ui-button">Marquer</button><button style="float:right;" class="question-see-answer mw-ui-button">Voir</button></html> | ||
</div> | </div> | ||
}}</includeonly><noinclude>{{Documentation}}</noinclude> | }}</includeonly><noinclude>{{Documentation}}</noinclude> |
Dernière version du 13 février 2022 à 23:46
Utilisation
Question au format flashcard permettant de poser une question, de présenter une réponse à l'utilisateur et si besoin une explication. Si vous désirez poser une question à choix multiple, utilisez Modèle:Question_à_choix_multiple. Si c'est pour une question vrai ou faux, servez-vous de Modèle:Question_vrai_ou_faux. Pour une question à plusieurs réponses, voir Modèle:Question à plusieurs réponses.
Exemples
Question avec explication détaillée
La giraffe est un mammifère, elle possède donc 4 pattes. Voici une liste d'autres animaux de la jungle qui eux aussi possèdent 4 pattes:
Question avec marqueur
La tête.
Un serpent est fait de:
- une tête
- une queue
Question avec références
Références:
Références:
Autres exemples et cas de test
- Question avec une liste ...
- ... dans la question.
- Et une liste ...
- dans la réponse.
- Aussi une liste ...
- dans l'explication.
Réponse longue avec une autre question.
Réponse
Paramètres
Question au format flashcard permettant de poser une question, de présenter une réponse à l'utilisateur et si besoin une explication. Si vous désirez poser une question à choix multiples, utilisez le modèle Question_à_choix_multiple.
Paramètre | Description | Type | État | |
---|---|---|---|---|
Question | question | La question à poser.
| Contenu | obligatoire |
Réponse | réponse | La réponse à donner à utilisateur. Cette dernière sera cachée jusqu'à ce que l'utilisateur clique le bouton "Voir"
| Contenu | obligatoire |
Références pour la réponse | références_réponse | Des URLs, PMIDs, DOIs ou ISBNs séparés par des points-virgules (;).
| Contenu | facultatif |
Explication | explication | L'explication de la réponse à la question. Ici, il est pertinent de faire des liens avec le contenu du wiki afin que l'utilisateur puisse aller en apprendre plus sur le sujet.
| Contenu | suggéré |
Références pour l'explication | références_explication | Des URLs, PMIDs, DOIs ou ISBNs séparés par des points-virgules (;).
| Contenu | facultatif |
Image question | image_question | Une image à associer avec la question.
| Fichier | suggéré |
Image réponse | image_réponse | Une image associée à la réponse.
| Fichier | facultatif |
Symbole du marqueur | marqueur1_symbole | Caractère qui constituera le marqueur. Ce paramètre doit être spécifié pour activer le marqueur.
| Chaîne | facultatif |
Couleur du marqueur (en anglais) | marqueur1_couleur | La couleur du marqueur en anglais. Cette couleur doit être une couleur CSS valide.
| Chaîne | facultatif |
Coordonnée X | marqueur1_x | Coordonnée X du centre du marqueur (le 0 est la gauche de l'image). Pour récupérer une coordonnée, placez votre curseur sur l'image à marquer dans l'éditeur visuel. | Nombre | facultatif |
Coordonnée Y | marqueur1_y | Coordonnée Y du centre du marqueur (le 0 est le haut de l'image). Pour récupérer une coordonnée, placez votre curseur sur l'image à marquer dans l'éditeur visuel. | Nombre | facultatif |
Identifiant unique | uuid | UUID (identifiant unique) de la question. Ce champ est rempli automatiquement.
| Chaîne | obligatoire |
La documentation de ce modèle est incluse depuis sa sous-page de documentation (modifier | historique).
Veuillez placer les catégories dans la sous-page /Documentation.
Les éditeurs peuvent travailler dans le bac à sable (créer) et la page de test (créer).