« Modèle:Question » : différence entre les versions
(Amélioration du code) |
(Correction caractères corrompus) Balise : Éditeur de wikicode 2017 |
||
(62 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
< | <includeonly> | ||
= | <div style="display:none"><!--Tricks the visual editor not to display raw html--><html><script type="text/javascript"> | ||
inlineJS['Modèle:Question'] = function(){ | |||
<html><script type="text/javascript"> | |||
$('.question-see-answer').click(function(){ | |||
$(this).closest(".question").find('.question-answer').fadeToggle(); | |||
$('. | $(this).text($(this).text() == 'Voir'?'Cacher':'Voir'); | ||
$(this). | |||
}); | }); | ||
$('. | |||
$(this). | function checksum(str){ | ||
$(this).text($(this). | 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. | ||
* 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(""); } }); | |||
< | }; | ||
{ | </script></html></div> | ||
{{Boîte | |||
|classe={{{classe|flashcard}}} question {{#if:{{{image_question|}}}|question-with-image|question-without-image}} | |||
|style=margin-top: 10px; {{#if: {{{image_question|}}}{{{image_réponse|}}}|min-width: 400px;||}}} | |||
|id = {{anchorencode:{{{question}}}}} | |||
|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;"> | |||
<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 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"> | |||
/* In VisualEditor mode, scripts are not run, leaving the answer displayed. | |||
* It is important that this code not use jQuery so in can be run inline | |||
* right after the template has been displayed. */ | |||
elements = document.getElementsByClassName('question-answer'); | |||
/* Designates the previous element, so the question we just created. | |||
* Use printonly so the element still show when the question is being printed.*/ | |||
elements[elements.length - 1].classList.add('printonly'); | |||
</script></html></div> | |||
{{{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"> | |||
{{{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 class="noprint" style="text-align: left;"><span style="display:none;" class="question-uuid">{{{uuid|no-uuid}}}</span> | |||
<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> | |||
} | }}</includeonly><noinclude>{{Documentation}}</noinclude> | ||
</ | |||
</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).