Vorlage:Verbergen

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Mit dieser Vorlage kann auf Klick ein Text ausgetauscht oder auch ein- und ausgeblendet werden. Die Texte werden dabei wie normer Fließtext behandelt (<span>-Elemente), weswegen die Anwendung auf Text innerhalb eines Absatzes begrenzt ist. Um Blockelemente (Listen, Tabellen, mehrere Absätze) zu verwenden, muss der Parameter typ=block hinzugefügt werden. Außerdem gibt es die Vorlage:Verbergen/Alles, welche an einer zentralen Stelle der Seite eingefügt werden kann, und mit der alle verborgenen Elemente gleichzeitig geschaltet werden können.

Anwendungshinweise

Die Vorlage erwartet drei unbenannte Parameter.

  1. eine ID, die seitenweit eindeutig sein muss. Anstelle eines konkreten Wertes kann auch {{#uid:}} übergeben werden.
  2. der zunächst angezeigte Text
  3. der verborgene Text

Die optionalen (benannten) Parameter können an beliebiger Stelle notiert werden (davor, danach, dazwischen).

Beispiel
{{Verbergen|{{#uid:}}| angezeigter Text| verborgener Text}}
anzeigenverbergen angezeigter Text verborgener Text

Der angezeigte Text kann auch leer sein, dann ist zunächst nur der Schalter-Text zu sehen.

Beispiel
{{Verbergen|{{#uid:}}|| verborgener Text}}
anzeigenverbergen verborgener Text

Wenn ein Leerzeichen zwischen dem Schaltertext und den anderen Texten stehen soll, so ist dieses als normales Leerzeichen am Anfang des angezeigten und verborgenen Textes einzufügen. In einigen Fällen (besonders wenn die Texte CSS-formatiert werden sollen) ist es besser, es an das Ende des Schalter-Textes anzufügen, dann muss das aber als &nbsp; geschehen weil es sonst eliminiert wird.

optionale Parameter

  • schalter= Text des Schalters für beide Fälle
  • schaltertext_verborgen= Text des Schalters, wenn der Text verborgen ist (Voreinstellung: anzeigen)
  • schaltertext_gezeigt= Text des Schalters, wenn der Text gezeigt wird (Voreinstellung: verbergen)
  • style= CSS-Angaben für das umschließende Element
  • style_schalter= CSS-Angaben für den Schalter in beiden Fällen
  • style_schalter_verborgen= CSS-Angaben für den Schalter, wenn der Text verborgen ist
  • style_schalter_gezeigt= CSS-Angaben für den Schalter, wenn der Text verborgen ist
  • style_gezeigt= CSS-Angaben für den angezeigten Text
  • style_verborgen= CSS-Angaben für den verborgenen Text
  • typ=block Blockelemente (Listen, Tabellen, mehrere Absätze) statt Fließtext sollen verwendet werden
für individuelle Formatierung
{{Verbergen|{{#uid:}}|schalter=1<=>2&nbsp;|styleschalter=color:blue|style_gezeigt=color:magenta |1|style_verborgen=background-color:red |2}}
1<=>2 1<=>2 12
für individuelle Formatierung des Schalters
{{Verbergen|{{#uid:}}|schaltertext_gezeigt=[Übersetzen]|style_schalter=float:right |Lorem ipsum …|Auch gibt es niemanden, …}}
[Übersetzen]verbergenLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.Auch gibt es niemanden, der den Schmerz an sich liebt, sucht oder wünscht, nur, weil er Schmerz ist, es sei denn, es kommt zu zufälligen Umständen, in denen Mühen und Schmerz ihm große Freude bereiten können. Um ein triviales Beispiel zu nehmen, wer von uns unterzieht sich je anstrengender körperlicher Betätigung, außer um Vorteile daraus zu ziehen?
für eine Liste mit typ=block
{{Verbergen|{{#uid:}}|typ=block|angezeigter Text|verborgener Text mit einer Liste *Foo *Bar Noch mehr Text … }}
anzeigenverbergen
angezeigter Text
verborgener Text mit einer Liste
  • Foo
  • Bar

Noch mehr Text …

für mehrere Absätze mit typ=block
{{Verbergen|{{#uid:}}|typ=block|schaltertext_gezeigt=Zeige|style_schalter=float:right|style=border:1px solid silver |angezeigter Text|verborgener Text mit Absätzen Foo Bar Noch mehr Text … }}
Zeigeverbergen
angezeigter Text
verborgener Text mit Absätzen

Foo

Bar

Noch mehr Text …