Benutzer:Schnark/js/popuprefs

Dieses Skript zeigt den Inhalt eines Einzelnachweises direkt an, wenn man mit der Maus darüber fährt. Man muss also nicht mit einem Klick ans Ende des Artikels springen und danach wieder zurück, sondern sieht direkt, was da steht. Das funktioniert auch mit beliebig kompliziertem Inhalt, wie etwa in Ewiger Medaillenspiegel der Olympischen Spiele. Will man einen Link im Einzelnachweis anzuklicken oder seinen Inhalt kopieren, so muss man nur zügig die Maus in den Einzelnachweis hineinziehen, er bleibt dann solange offen, bis man die Maus wieder herausbewegt.

So sieht’s aus

Einbindung

Falls du meine Skriptsammlung Fliegelflagel verwendest, ist das Skript in der Standardkonfiguration bereits aktiv.

Andere Benutzer können das Skript durch folgende Zeile in der eigenen common.js einbinden:

//[[Benutzer:Schnark/js/popuprefs.js]]
mw.loader.load('https://de.wikipedia.org/w/index.php?title=Benutzer:Schnark/js/popuprefs.js&action=raw&ctype=text/javascript');

Konfiguration

Das Aussehen lässt sich über CSS steuern, die entsprechende Klasse heißt .popupref. Um die Hintergrundfarbe und den Rahmen zu überschreiben, ist ein !important nötig.

Um die Hintergrundfarbe auf gelb zu setzen und die Breite auf 5 cm zu beschränken, schreibst du also in deine common.css:

.popupref {
	background-color: #ff8 !important;
	border: none !important;
	max-width: 5cm;
}

Für eine Anpassung an den Dunkelmodus kann die Schriftfarbe auf dunkel gesetzt werden, damit der Text nicht in heller Schrift, und damit unlesbar ausgegeben wird.

/* Schnark popupref color für Dark Mode */
.popupref {
	color: #202122 !important;
}

Alternativen

Unter den Gadgets gibt es zwei Alternativen:

• Navigation-Popups zeigt nicht nur Einzelnachweise an, sondern auch Einleitungen verlinkter Artikel.
• Fußnoten-Tooltip tut im Prinzip das Gleiche wie mein Skript, nur fehlerhafter (siehe letzte Beiträge). Einzig für Touchscreen-Benutzer bietet es Vorteile.

Code

Der Javascript-Code befindet sich unter Benutzer:Schnark/js/popuprefs.js.