Vorlage Diskussion:Spoiler

Hier eine Möglichkeit um Spoiler in der Wiki zuspeichern.

  {{Spoiler|hier steht dann der text}}
  
  Ergibt: hier steht dann der text

Wer möchte kann damit einfach die Maus auf die Lupe bewegen und erhält die Informationen.

Der zu Spoilernde Text sollte nicht zu lange sein, d.h. keine kompletten Artikel und keine Bilder enthalten, da diese nicht versteckt werden.

Das ganze beruht auf einer Änderung an der Main.css Datei der Wiki. Ich habe diese um folgende Definitionen erweitert.

 /* Erweiterung fuer StarGateWiki */
 #spoiler { 
   display: none;
 }
 #show_spoiler {
   color:#f00;
 }
 #show_spoiler:hover #spoiler {
   display: inline;
   border: 1pt solid #000;
   margin: 2pt;
   padding: 2pt;
 }

In der neuen MediaWiki Version steht die CSS-Definitionen jetzt in MediaWiki:Monobook.css.

Leider funktioniert das nicht mit allen aktuellen Browsern (mit älteren gleich gar nicht). Unten gibt es eine Liste der Browser die bereits getestet wurden. Wer eine Lösung für den IE (der macht die meisten Probleme) weiß, die immer funktionert bitte hier angeben. Danke

Das Problem ist das der IE :hover nur für Links (<a>) erkennt. Da MediaWiki HTML-Links aber ausfiltert kann man leider nicht einfach den Tag durch <a> ersetzen.

Die Lösung müsste also entweder einen Weg aufzeigen HTML-Links in einen MediaWiki Artikel einzufügen oder Javascript Befehle benutzen (welche MediaWiki auch ausfiltert?)

Was geht und was nicht

Einfache Texte können ohne Problem versteckt werden, Bilder dagegen nicht. Mit der neuen Version (Umstellung von id auf class) können auch Bilder versteckt werden. Ein Beispiel findet man im Artikel SG-1

Geprüfte Browser

Firefox 1.5 -
Opera 8.5 -
Internet Explorer 6.0 - Datei:Nein.gif
Internet Explorer 7.0 -

-- René (Admin) 16:57, 19. Feb 2006 (CET)

Neue Möglichkeit alle Spoiler aufdecken

Ab sofort gibt es die Möglichkeit alle Spoiler-Texte auf der Seite komplett und dauerhaft anzuzeigen. Dazu muss einfach nur der Punkt Spoiler aufdecken im Bereich Werkzeuge anklicken. Vorraussetzung ist aktiviertes Javascript

-- René 21:13, 20. Aug 2006 (CEST)

Notwendige Änderungen am Wiki

Spoiler-CSS: Umstellung des Spoiler Tags auf class, nicht mehr id
Neue Klasse: .SpoilerOk { display: inline; }
MonoBook.php:

Javafunktion im HTML-Kopf einfügen:

   <script type="text/javascript">
     function cssClassChange(welchertag, class1, class2, linkgeklickt, linknormal, thus) {
       var rows = document.getElementsByTagName(welchertag);
       for(var i=0; i<rows.length; i++) {
         if (rows[i].className==class1) {
           rows[i].className=class2;
           thus.innerHTML = linkgeklickt;
         } else {
           if (rows[i].className==class2) {
             rows[i].className=class1;	
             thus.innerHTML = linknormal;
           }
         }
       }
     }
   </script>

Im Bereich der Ausgabe der Werkzeugleiste:

 <li>
  <a href="#" onclick="cssClassChange('span','spoiler','spoilerOk','Spoiler verdecken',
    'Spoiler aufdecken', this)">Spoiler aufdecken</a></li>