3.9 Spoiler: Inhalte hinter Button verbergen
| [unmarkierte Version] | [unmarkierte Version] |
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
Mit dem Tag <spoiler> </spoiler> lassen sich verdeckte Informationen im Text platzieren und per Button aufklappen. | Mit dem Tag <spoiler> </spoiler> lassen sich verdeckte Informationen im Text platzieren und per Button aufklappen. | ||
===spoiler-Button im Seiteneditor=== | ===spoiler-Button im Seiteneditor=== | ||
Der Editor besitzt einen Button zum Einfügen eines Spoilers. Mit einem Klick auf den | Der Editor besitzt einen Button zum Einfügen eines Spoilers. Mit einem Klick auf den Spoiler-Button wird der entsprechende Tag eingefügt (siehe untenstehenden Abbildung). | ||
<loop_figure> | <loop_figure> | ||
| Zeile 16: | Zeile 15: | ||
<loop_area type="example"> | <loop_area type="example"> | ||
'''Syntax:''' | '''Syntax:''' | ||
<code><spoiler text="Normaler Spoiler"> | <code><spoiler text="Normaler Spoiler - Klick mich"> | ||
Spoilertext | Spoilertext | ||
</spoiler></code> | </spoiler></code> | ||
'''Ergebnis:''' | '''Ergebnis:''' | ||
<spoiler text="Normaler Spoiler"> | <spoiler text="Normaler Spoiler - Klick mich"> | ||
Spoilertext | Spoilertext | ||
</spoiler> | </spoiler> | ||
| Zeile 31: | Zeile 30: | ||
===type=== | ===type=== | ||
Der Tag Spoiler bietet über das Attribute type="transparent" die Möglichkeit einen transparenten Spoiler zu erstellen. | Der Tag Spoiler bietet über das Attribute '''type="transparent"''' die Möglichkeit einen transparenten Spoiler zu erstellen. | ||
<loop_area type="example"> | <loop_area type="example"> | ||
Version vom 18. April 2016, 11:30 Uhr
Mit dem Tag <spoiler> </spoiler> lassen sich verdeckte Informationen im Text platzieren und per Button aufklappen.
spoiler-Button im Seiteneditor
Der Editor besitzt einen Button zum Einfügen eines Spoilers. Mit einem Klick auf den Spoiler-Button wird der entsprechende Tag eingefügt (siehe untenstehenden Abbildung).
text
Mit dem Attribut "text" können Sie den Spoiler betiteln. Je nach Einsatzszenario sind Betitelungen wie z.B.: Lösung anzeigen, Musterlösung, Lösungshinweis, Hinweis, Literaturempfehlung, Ergänzende Informationen, Antwort denkbar.
Syntax:
<spoiler text="Normaler Spoiler - Klick mich">
Spoilertext
</spoiler>
Ergebnis:
Den Parameter "text" können Sie auch weglassen. In diesem Fall wird der Standardtext "Lösung" als Buttonbeschriftung verwendet.
type
Der Tag Spoiler bietet über das Attribute type="transparent" die Möglichkeit einen transparenten Spoiler zu erstellen.
Syntax:
<spoiler text="Transparenter Spoiler" type="transparent">
Spoilertext
</spoiler>
Ergebnis:
Weiterführende Informationen zur Extension finden Sie hier: http://www.mediawiki.org/wiki/Extension:JSpoiler
Es handelt sich hierbei um das Tutorial für LOOP1. Die Dokumentation für LOOP 2 wird gegenwärtig entwickelt: https://loop.eduloop.de. Viele Funktionen lassen sich ähnlich auch in LOOP2 verwenden.