Vorlage:Klappbox
{{{2}}}
Diese Vorlage erzeugt bei aktiven JavaScript eine Klappbox die ein- und ausgeblendet werden kann. Als Argumente werden zwingend ein Titel und der Inhalt benötigt. Der Titel wird dauerhaft angezeigt und kann als erstes Argument oder explizit mit dem Argumentnamen „Titel“ übergeben werden. Der Inhalt wird ohne JavaScript immer angezeigt. Bei aktivem JavaScript wird er standardmäßig eingeblendet, außer man schaltet ihn durch setzten des Parameters „verborgen“ explizit ab.
Inhaltsverzeichnis |
Parameter[Bearbeiten]
Der erste Parameter wird als Überschrift mit einem Anzeigelink (kleines Dreieck) auf der rechten Seite dargestellt. Der zweite Parameter wird durch einen Klick auf diesen Link als Inhalt der Box eingeblendet. Zusätzlich können auch explizit die folgenden Parameternamen verwendet werden:
- Titel
- Der Titel der Box (z. B. Box 1.1). Kann auch als erster namenloser Parameter übergeben werden.
- Inhalt
- Der Inhalt der Box. Kann auch als zweiter namenloser Parameter übergeben werden.
Übliche CSS-Parameter[Bearbeiten]
- fw1
- font-weight des Titels
- fw2
- font-weight des Inhalts
- bg
- background-color der umschließenden Box
- bg1
- background-color des Titels
- bg2
- background-color des Inhalts
- ta1
- text-align des Titels
- ta2
- text-align des Inhalts
- float
- float Eigenschaft (left, right, none)
- width
- Breite der Box
- style
- Weitere CSS-Eigenschaften für die umschließende Box
Hinweis: Der Wert des Parameters darf nicht in Gänsefüßchen eingeschlossen werden, denn diese stehen schon in der Vorlage.
Spezielle Parameter[Bearbeiten]
- verborgen
- Aus irgendeinen Text (z. B. „verborgen=true“) setzten um den Inhalt standardmäßig auszublenden
- TitelTyp
- Zeichnet den Titel als Überschrift (h1-h6) aus, so dass er im Inhaltsverzeichnis auftaucht.
- vorTitel
- Text der vor dem Titel eingefügt wird.
- dropClass
- (Standardwert = collapsible) Die CSS-Klasse der Klappbox, welche das Klappverhalten spezifiziert. (Derzeit keine anderen Werte zulässig.)
- boxClass
- (Standardwert = PrettyTextBox) Die CSS-Klasse der Klappbox, welche das allgemeine Aussehen spezifiziert.
- noprint
- Wenn noprint einen Wert zugewiesen bekommt bspw. noprint=1, dann wird der Inhalt der Klappbox aufkeinen Fall in die Druckversion aufgenommen.
Beispiele[Bearbeiten]
Das einfachste Beispiel ist
{{Klappbox|Box 1.1|{{Blindtext}}}}
Sieht so aus:
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Um den Inhalt standardmäßig auszublenden, muss der Parameter „verborgen“ gesetzt werden.
{{Klappbox|Box 1.2|{{Blindtext}}|verborgen=true}}
Sieht so aus:
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Ein anderes Beispiel, das den Titel als Überschrift dritter Ordnung (h3) darstellt und ihn somit ins Inhaltsverzeichnis (TOC) einblendet, sieht so aus:
{{Klappbox|Box 1.3|{{Blindtext}}
|TitelTyp=h3
|float=left
|bg=#999999
|width=33%
}}
Sieht so aus:
Box 1.3
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Noch ein anderes Beispiel dieser Art, welches den Inhalt standardmäßig ausgeblendet:
{{Klappbox|Box 1.4|{{Blindtext}}
|TitelTyp=h3
|float=right
|ta1=right
|bg=#BBBBFF
|bg1=#BBBBFF
|bg2=white
|verborgen=true
}}
Sieht so aus:
Box 1.4
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Beispiel 1.3 mit TitelType="div"[Bearbeiten]
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Beispiel 1.3 mit TitelType="p"[Bearbeiten]
Box 1.3
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Beispiel 1.3 mit TitelType="h2"[Bearbeiten]
Box 1.3
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Beispiel 1.3 mit TitelType="h5"[Bearbeiten]
Box 1.3
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Beispiel 1.3 ohne TitelTyp[Bearbeiten]
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 |
|
