Benutzer:Rene/Test: Unterschied zwischen den Versionen

Versionsgeschichte interaktiv durchsuchen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1: / Zeile 1: @@
 <includeonly>
 {{#switch: {{lc:{{{1|}}}}}
-| mini
+| anfang = <jsbutton class="block_spoiler_button" click="" mover="$(this).next().toggleClass('hide'); if($(this).next().hasClass('hide')) { $(this).html('Spoiler (?)'); } else { $(this).html('Spoiler'); }">Spoiler </jsbutton><div>
-| text
-| span = <jsbutton class="span_spoiler_button" click="" mover="$(this).next().toggleClass('hide'); if($(this).next().hasClass('hide')) { $(this).html('Spoiler (?)'); } else { $(this).html('Spoiler'); }">Spoiler </jsbutton><span>( {{{2}}} )</span>
-| block
-| start = <jsbutton class="block_spoiler_button" click="" mover="$(this).next().toggleClass('hide'); if($(this).next().hasClass('hide')) { $(this).html('Spoiler (?)'); } else { $(this).html('Spoiler'); }">Spoiler </jsbutton><div>
-| end
 | ende = </div>
-| warnung
+| tabelle = colspan="{{{2|1}}}" class="spoilerTab" {{!}} <jsbutton name="Spoiler" class="spoilerLupe" click="toggleAll()" mover="toggleNext(this)">[[Bild:Spoiler16.png|verweis=]]</jsbutton>
-| artikel
+{{!-}} class="spoiler" {{{3|}}}
-| #default =
+{{!}}
+| artikel =
 <table width="100%">
 <tr>
@@ Zeile 28: / Zeile 24: @@
 </tr>
 </table>
+| #default = <jsbutton class="span_spoiler_button" click="" mover="$(this).next().toggleClass('hide'); if($(this).next().hasClass('hide')) { $(this).html('Spoiler (?)'); } else { $(this).html('Spoiler'); }">Spoiler </jsbutton><span>( {{{2}}} )</span>
 }}</includeonly><noinclude>
-==JSButton==
+Diese Vorlage ermöglicht es Informationen aus Episoden die noch nicht im deutschen Free-TV gelaufen sind in Artikel zu schreiben und so verstecken das sie dem Benutzer nur angezeigt werden wenn dieser das wünscht.
-Mit JSButton kann man einen HTML-Button ([http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern <button>]) erzeugen. Mit diesem Button kann man eine Javascript-Funktion aufrufen welche in Stargate Wiki definiert sein muss.
+== Beschreibung ==
-<pre><nowiki><jsbutton name="" value="" class="" style="" click="" mover="" mout="">BText</jsbutton></nowiki></pre>
+Die Informationen werden angezeigt wenn der Leser mit der Maus über den Spoiler Button fährt; nach nochmaligem Überfahren wird der Anschnitt wieder ausgeblendet. Wenn man auf den Button klickt, werden alle Spoiler auf der Seite auf- btw. zugedeckt. Diese Vorlage ist für ganze Artikel, kurze Sätze, ganze Abschnitte, Aufzählungen, Tabellenzeilen und vergleichbares gedacht. Da nicht alle Informationen auf die gleiche Weise versteckt werden können wird die Vorlage über einen Parameter gesteuert.
-* <var>name</var>: Name des Buttons
-* <var>value</var>: Value des Buttons
-* <var>class</var>: Klasse des Buttons
-* <var>style</var>: Style Definition für den Button
-* <var>click</var>: Javascript-Funktion für onclick
-* <var>mover</var>: Javascript-Funktion für onmouseover
-* <var>mout</var>: Javascript-Funktion für onmouseout
-* <var>BText</var>: Beschriftung des Buttons
-:Hinweis: Momentan wird Wiki-Syntax in BText nicht ausgewertet. Grafiken müssen daher als img-Tag angegeben werden.
-Die Definition der Javascript-Funktion(en) muss entweder in der Datei '''[[Mediawiki:Monobook.js|Mediawiki:<Skin>.js]]''' oder '''[[Benutzer:{{userinfo:name}}/monobook.js|Benutzer:<Name>/<Skin>.js]]''' erfolgen.
+=== Kompletter Artikel ===
+Für komplette Artikel die noch nicht im deutschen Free-TV gelaufen sind erzeugt man mit dem Parameter <var>artikel</var> einen Spoilerspace, eine große Anzahl an Leerzeilen, vor dem eigentlichen Artikel. Die Vorlage muss als erste Zeile im Artikel angegeben werden. Der Aufruf lautet:
+ <nowiki>{{</nowiki>{{PAGENAME}}<nowiki>|artikel}}</nowiki>
+=== Spoiler mit Anfang und Ende ===
+Vor dem zu versteckenden Text <code><nowiki>{{</nowiki>{{PAGENAME}}<nowiki>|anfang}}</nowiki></code> einfügen und danach <code><nowiki>{{</nowiki>{{PAGENAME}}<nowiki>|ende}}</nowiki></code>. Ist für Tabellen gedacht, damit Vorlagen wie [[Vorlage:!-|<code><nowiki>{{!-}}</nowiki></code>]] nicht verwendet werden müssen.
-==Beispiel==
+  <code><nowiki>{{</nowiki>{{PAGENAME}}<nowiki>|anfang}}
-<jsbutton class="Spoiler_Zeigen" click="$('.Spoiler_Zeigen').hide(); $('.Spoiler_Verdecken').show(); $('.spoiler').show('puff'); $('.spoiler_inline').css('display','inline');"><small>Spoiler +</small></jsbutton><jsbutton style="display:none" class="Spoiler_Verdecken" click="$('.Spoiler_Zeigen').show(); $('.Spoiler_Verdecken').hide(); $('.spoiler').hide(); $('.spoiler_inline').css('display','none');"><small>Spoiler -</small></jsbutton>
+ {| class="wikitable"
-<div id="tt1" class="spoiler" style="display:none">
+ | Diese Tabelle ist verdeckt
-Hier steht was
+ |}
+ {{</nowiki>{{PAGENAME}}<nowiki>|ende}}</nowiki></code>
-und so was auch
+{{{{PAGENAME}}|anfang}}
+{| class="wikitable"
+| Diese Tabelle ist verdeckt
+|}
+{{{{PAGENAME}}|ende}}
-{|
+=== Tabellenzeilen verstecken ===
-| Hallo
+Mit dieser Vorlage können auch ganze Tabellenzeilen versteckt werden. Dafür in der ersten Zelle der zu versteckenden Zeile <code><nowiki>{{Benutzer:CF/Spoiler|tabelle|„Spaltenanzahl“}}</nowiki></code> einfügen. Wenn in der zu versteckenden Zeile HTML-Attribute hinzugefügt werden sollen, dann kann man einfach den Parameter „3“ mit den gewünschten Werten an diese Vorlage anhängen. '''Achtung:''' Werden vor <code><nowiki>{{Benutzer:CF/Spoiler|tabelle}}</nowiki></code> Attribute angegeben darf KEIN weiteres „<nowiki>|</nowiki>“ folgen!
+ <code><nowiki> {| class="wikitable"
+ ! Spalte 1 !! Spalte 2
+ |-
+ | immer || sichtbar
+ |-
+ | {{Benutzer:CF/Spoiler|tabelle|2}} dies || nicht
+ |-
+ | Hier ein Beispiel || mit Styles:
+ |-
+ | {{Benutzer:CF/Spoiler|tabelle|2|3=style="background-color: green;"}} versteckter || Text
+ |-
+ | roter Hintergrund || für die Lupe:
+ |-
+ | style="background-color: red;" {{Benutzer:CF/Spoiler|tabelle|2}} {{Frage}} || {{Frage}}
+ |}</nowiki></code>
+{| class="wikitable"
+! Spalte 1 !! Spalte 2
 |-
-| Zwei
+| immer || sichtbar
+|-
+| {{Benutzer:CF/Spoiler|tabelle|2}} dies || nicht
+|-
+| Hier ein Beispiel || mit Styles:
+|-
+| {{Benutzer:CF/Spoiler|tabelle|2|3=style="background-color: green;"}} versteckter || Text
+|-
+| roter Hintergrund || für die Lupe:
+|-
+| style="background-color: red;" {{Benutzer:CF/Spoiler|tabelle|2}} {{Frage}} || {{Frage}}
 |}
-</div>
-Im Jahre 1967 war der <jsbutton style="background-color: transparent; border: 0; padding: 0; cursor: pointer;" class="Spoiler_Zeigen" click="$('.Spoiler_Zeigen').hide(); $('.Spoiler_Verdecken').show(); $('.spoiler').show(); $('.spoiler_inline').css('display','inline');">Spoiler <span style="background-color: #dcdcdc; border-bottom: dotted #000 1px;">(?)<span></jsbutton><jsbutton style="display:none" class="Spoiler_Verdecken" click="$('.Spoiler_Zeigen').show(); $('.Spoiler_Verdecken').hide(); $('.spoiler').hide(); $('.spoiler_inline').css('display','none');"><small>Spoiler </small></jsbutton><div id="tt2" class="spoiler_inline" style="display:none; background-color: #dcdcdc; border-bottom: dotted #000 1px;">( fette )</div> Eimer leer.
-Okay?
+=== Listen ===
+MediaWiki erzeugt Listen (<code>*</code>) und Überschriften (<code>==</code>) nur, wenn diese am Zeilenanfang stehen. Damit sie auch im Spoiler korrekt angezeigt werden muss auch hier ein Zeilenumbruch '''direkt nach''' <code><nowiki>{{Benutzer:CF/Spoiler|</nowiki></code> folgen!
-Spoiler im Textfluß (span): Dies ist ein Text der einen <jsbutton click="$('.spoiler').show('blind')" mover="$('.spanspoiler').toggleClass('hide'); $(this).html('Spoiler');">Spoiler <span style="background-color: #dcdcdc;">(?)<span></jsbutton><span class="spanspoiler">(geheimen und versteckten)</span> Text enthält. Beim aufdecken sollte der Text im Fluss bleiben das heißt nicht umgebrochen werden.
+ <code><nowiki> {{Benutzer:CF/Spoiler|
+ * Punkt 1
+ * Punkt 2
+ }}</nowiki></code>
+{{Benutzer:CF/Spoiler|
+* Punkt 1
+* Punkt 2
+}}
-<jsbutton style="border:0; background-color:transparent;" click="" mover="$(this).next().toggleClass('hide'); if($(this).next().hasClass('hide')) { $(this).html('Spoiler (?)'); } else { $(this).html('Spoiler'); }">Spoiler <span style="background-color: #dcdcdc; border-bottom: dotted #000 1px;">(?)</span></jsbutton><span class="spanspoiler" style="background-color: #dcdcdc; border-bottom: dotted #000 1px;">( {{{2}}} )</span>
+=== sonstiger Text ===
+Wird diese Vorlage im Fließtext verwendet, wird kein kein Zeilenumbruch erzeugt.
+ <code><nowiki>In diesem Text ist {{Benutzer:CF/Spoiler|ein Geheimnis versteckt, sonst }}nichts.</nowiki></code>
+In diesem Text ist {{Benutzer:CF/Spoiler|ein Geheimnis versteckt, sonst }}nichts.
 </noinclude>