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===
Mit einem Klick auf den spoiler-Button im Seiteneditor wird der Tag wie in der untenstehenden Abbildung eingefügt.  
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 20: Zeile 21:


===text===
===text===
......................................




Lösung anzeigen, Musterlösung, Lösungshinweis, Hinweis, Literaturempfehlung, Ergänzende Informationen


<loop_area type="example">'''Code:'''
<code><spoiler text="Normaler Spoiler">
Spoilertext
</spoiler></code>


'''Ergebnis:'''
<spoiler text="Normaler Spoiler">
Spoilertext
</spoiler>
</loop_area>




Zeile 29: Zeile 41:
Den Parameter "text" können Sie auch weglassen. In diesem Fall wird der Standardtext "Lösung" als Buttonbeschriftung verwendet.
Den Parameter "text" können Sie auch weglassen. In diesem Fall wird der Standardtext "Lösung" als Buttonbeschriftung verwendet.
</loop_area>
</loop_area>


===type===
===type===
Der Tag Spoiler bietet über das Attribute type="transparent" die Möglichkeit eines transparenten Spoiler zu erstellen.


<loop_area type="example">'''Code:'''
<code><spoiler text="Transparenter Spoiler" type="transparent">
Spoilertext
</spoiler></code>


 
'''Ergebnis:'''
 
 
 
 
Der Editor hat einen Button zum Einfügen eines Spoilers erhalten.
 
 
2013-09-10 Transparenter Spoiler
 
Der Tag Spoiler bietet jetzt über das Attribute type="transparent" die Möglichkeit eines transparenten Spoilers.
 
<spoiler text="Normaler Spoiler">
  Spoilertext
</spoiler>
 
<spoiler text="Transparenter Spoiler" type="transparent">
<spoiler text="Transparenter Spoiler" type="transparent">
  Spoilertext
Spoilertext
</spoiler>
</spoiler>
</loop_area>

Version vom 10. Dezember 2015, 16:39 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).

Loop seiteneditor loop-untermenue spoiler marked.png


 Abb. : Spoiler einfügen mit dem Seiteneditor


Beispiel

Code:

<spoiler text="Normaler Spoiler"> Text Text Text </spoiler>

Ergebnis:


text

......................................


Lösung anzeigen, Musterlösung, Lösungshinweis, Hinweis, Literaturempfehlung, Ergänzende Informationen

Beispiel

Code:

<spoiler text="Normaler Spoiler"> Spoilertext </spoiler>

Ergebnis:


Wichtig

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 eines transparenten Spoiler zu erstellen.

Beispiel

Code:

<spoiler text="Transparenter Spoiler" type="transparent"> Spoilertext </spoiler>

Ergebnis:

Abgerufen von „https://loop1.eduloop.de/mediawiki/index.php?title=Spoiler:_Inhalte_hinter_Button_verbergen&oldid=551“