« Modèle:Question » : différence entre les versions
(Vérification si jQuery est chargé) |
(Correction caractères corrompus) Balise : Éditeur de wikicode 2017 |
||
(6 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'); | ||
}); | }); | ||
Ligne 19 : | Ligne 18 : | ||
if($(this).text() == 'Marquer') { // Flag question. | if($(this).text() == 'Marquer') { // Flag question. | ||
$(this).text('Ok').css('color', 'green'); | $(this).text('Ok').css('color', 'green'); | ||
$(this).closest(".question").css('border | $(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;'; | document.cookie = 'question' + $(this).closest(".question").attr('id') + '=flag; expires= Mon, 31 Dec 2030 12:00:00 UTC;'; | ||
} | } | ||
else { // Unflag question. | else { // Unflag question. | ||
$(this).text('Marquer').css('color', ' | $(this).text('Marquer').css('color', '#b72245'); | ||
$(this).closest(".question").css('border | $(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;'; | document.cookie = 'question' + $(this).closest(".question").attr('id') + '=; expires= Mon, 31 Dec 2000 12:00:00 UTC;'; | ||
} | } | ||
Ligne 30 : | Ligne 29 : | ||
$('.question-flag').each(function(){ // Flag questions that were previously marked. | $('.question-flag').each(function(){ // Flag questions that were previously marked. | ||
if(document.cookie.indexOf('question' + $(this).closest(".question").attr('id')) != -1) { | if(document.cookie.indexOf('question' + $(this).closest(".question").attr('id'))!=-1) { | ||
$(this).text('Ok').css('color', 'green'); | $(this).text('Ok').css('color', 'green'); | ||
$(this).closest(".question").css('border | $(this).closest(".question").css('border', '5px solid #b72245').addClass('flagged-question'); | ||
} | } | ||
}); | }); | ||
Ligne 40 : | Ligne 39 : | ||
$('.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 60 : | 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: left;"><span style="display:none;" class="question-uuid">{{{uuid|no-uuid}}}</span> | <div class="noprint" style="text-align: left;"><span style="display:none;" class="question-uuid">{{{uuid|no-uuid}}}</span> | ||
<html><button style="color: | <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).