JavaScript Gadget – um Browser-Fenster oder Tabs hervorzuheben, die im Moment zur Eingabe benutzt werden. Die Änderungen sollen nicht verloren gehen, wenn nicht erfolgreich gespeichert wurde, etwa:
Wer gewohnt ist, einige Dutzend Tabs offen zu halten und simultan in etlichen Fenstern gleichzeitig editiert, könnte auch als Multitasking-Genie irgendwann den Überblick verlieren.
Vor allem wird versucht, den Favicon mit rotem Hintergrund darzustellen; so fällt die Seite in der Tab-Leiste, der Tab-Liste und der Taskbar besser auf. Weiterhin kann der Fenstertitel und damit der im Tab-Reiter sichtbare Anfang des Bezeichners auf den Seitentitel gesetzt werden, um Tabs besser voneinander zu unterscheiden.
mw.loader.load("https://www.mediawiki.org/w/index.php?title=User:PerfektesChaos/js/paneMarker/r.js&action=raw&ctype=text/javascript&maxage=604800&*",
"text/javascript");
mediawiki.org
freigeben; siehe hier.
Wenn die momentane Aktivität als empfindlich eingestuft wurde (Seite oder Abschnitt bearbeiten oder erstellen; Hochladen), wird versucht den Projekt-Icon mit rotem Hintergrund darzustellen. Es hängt jedoch vom Browser ab, ob dies auch sichtbar wird.
Browser | ![]() |
![]() |
---|---|---|
Firefox | 12–16 | |
Internet Explorer | nicht empfohlen (bis IE 9?) | |
Opera | 11 | |
Google Chrome | 19 | |
Safari | 5? | |
Konqueror |
Erfahrungsberichte über Browser-Versionen wären willkommen.
wikipedia.org
wäre, aber die alternativen Icons von upload.wikimedia.org
kommen, was als Sicherheitsrisiko aufgefasst werden kann.Siehe auch die Bildergalerie.
IE 7, 8 und vermutlich 9 zeigen ein seltsames Verhalten:
Wenn das Gadget einen IE bis einschließlich Version 9 feststellt, wird der automatische Austausch des Favicon unterdrückt. In Projekten mit Anzeige des Seitennamens am Anfang (wie der deutschsprachigen Wikipedia) wird stattdessen ein "*" angezeigt.
Bei einigen Projekten – etwa in der deutschsprachigen Wikipedia – wird der Seitenname bei Aktivitäten im Seitentitel vorangestellt, so dass zumindest sein Anfang in den Tab-Reitern und der Taskbar lesbar ist – mindestens für den aktuellen Tab.
Allerdings weiß man jetzt nicht, welche Aktion nun auf der Seite stattfindet, weil dies am Ende des Seitentitels steht. Um zu erahnen, ob es sich nicht nur um die Seitenansicht handelt, können etwa die folgenden Zeichen zwischen dem Icon und dem eigentlichen Seitentitel angezeigt werden:
* | Empfindliche Aktivität, wie Bearbeiten Standardmäßig nicht aktiv außer bei IE; hoffe auf roten Icon |
↓ | Versionsgeschichte Ggf. '^' wenn im Browser nicht richtig dargestellt ( lowChar )
|
Δ | Versionsunterschied Ggf. '±' wenn im Browser nicht richtig dargestellt ( lowChar )
|
→ | Links auf diese Seite Ggf. '>' wenn im Browser nicht richtig dargestellt ( lowChar )
|
Falls im Projekt der Seitenname nicht an erster Stelle des Fenstertitels steht, kann der standardmäßige Fenstertitel ersetzt werden durch eine minimierte Kombination aus Seitenname und Projektart. Bei Aktionen wird dann auch automatisch das Unterscheidungszeichen vorangestellt. Die Benutzereinstellung .opt.leave
löst dies aus; es ist nun nicht mehr nur Versionsgeschich… in den Tab-Reitern zu sehen. Die Gestaltung der Seite selbst und ihre Hauptüberschrift wird dadurch nicht beeinflusst.
Wenn auf der Seite ein Shortcut erkannt wird, dann wird der erste gefundene als Seitenname benutzt. Dieses Verhalten lässt sich abschalten.
Wenn man weder im Hauptnamensraum (ANR) noch auf einer Spezialseite ist und kein Shortcut bekannt ist, wird geprüft, ob hier ein Namensraum-Kürzel definiert ist. Falls ja, wird dies in jedem Seitennamen ersetzt.
Nun hat man eher einen Eindruck von der Seite, weil im Tab-Reiter statt
angezeigt wird
Alle Wikipedia-Projekte benutzen das gleiche W als Favicon. Von den Entwicklern kann nicht verlangt werden, sich bald 300 unterscheidbare Icons auszudenken. Wer häufig bei einer anderssprachigen Wikipedia angemeldet ist und gleichzeitig mit Seiten ähnlichen Namens arbeitet, kann seine common.js dort ausstatten mit W für die spanische Sprache, oder W für englische oder französische Sprache. Siehe die Sammlung für fertig einsetzbare Beispiele, wie – Benutzereinstellung
.opt.favicon
.
Wer erweiterte Funktionalität benötigt, von seinem Browser in den Darstellungsmöglichkeiten begrenzt wird oder einfach nur individuelles Design wünscht, kann das Gadget anpassen.
Angemeldete Benutzer können auf einer Spezialseite – wenn das Skript geladen wurde – interaktiv die gewünschten Optionen setzen, wie sie analog im nachstehenden Abschnitt beschrieben sind.
Diese Einstellungen werden zusammen mit den Benutzereinstellungen auf dem Wiki-Server gespeichert und wirken dann auf alle Browser. Sie überschreiben Vorgaben aus dem folgenden Abschnitt.
In die common.js etc. die folgenden Zeilen einfügen (möglichst vor mw.loader.load, so vorhanden):
if ( typeof mw.libs.paneMarker !== "object" ) {
mw.libs.paneMarker = {};
}
mw.libs.paneMarker.opt = { key1: value1,
key2: value2 // etc.
};
Key | Value | Bedeutung |
---|---|---|
Roter Icon | ||
appleIcon
|
|
Alternativer apple-touch-icon, oder deaktiviert |
faviconICO
|
Alternativer Favicon im .ICO-Format, oder deaktiviert | |
faviconPNG
|
Alternativer Favicon im .PNG-Format, oder deaktiviert | |
lazy
|
true
|
Konventionellen Icon immer beibehalten |
Unterscheidungszeichen | ||
chars
|
|
Allgemeine Aktivierung (true ) oder Deaktivierung für dieses Projekt. Ungeachtet dessen wird aber eine explizite Definition einzelner Unterscheidungszeichen wirksam.
|
charDiff
|
|
Marker für diffpages |
charHistory
|
Marker für Versionsgeschichte | |
charLinks
|
Marker für Links auf diese Seite | |
charVitally
|
Marker für wichtige Seiten-Aktivitäten | |
lowChar
|
true
|
ANSI-Zeichen benutzen |
rightleft
|
true
|
Erzwinge Rechtsaußen-Position auf Seiten mit Schreibrichtung von rechts nach links. Eigentlich sollte dies aber nicht erforderlich sein, weil der Dokumententitel bereits als RTL definiert sein müsste. |
Allgemeines Erscheinungsbild | ||
favicon
|
URL String | Alternativer Favicon für dieses Projekt MIME-Typ wird bei .png oder .ico oder .gif von dieser „Dateiendung“ abgeleitet. |
leave
|
true
|
Benutze kurzen Seitentitel (in der deutschsprachigen Wikipedia nicht erforderlich) |
shortcut
|
false
|
Shortcut als Fenstertitel deaktivieren (false )
|
API | ||
.fresh()
|
Neustart des gesamten Gadget. Dependency: mediawiki.util
| |
.favicon()
|
Icon auf dem aktuellen Fenster/Tab auslösen.
|
Beispiel:
if ( typeof mw.libs.paneMarker !== "object" ) {
mw.libs.paneMarker = {};
}
mw.libs.paneMarker.opt = { charVitally: '!!!',
charDiff: '±'
};
Beachte: Die Benutzerkonfiguration könnte ignoriert werden, falls sie nicht im Standard-Benutzerskript erfolgt, weil alle anderen Skripte erst später geladen werden und paneMarker dann nichts davon weiß und auch nicht darauf warten kann.
Alternativen zum roten Icon im ICO-Format .opt.faviconICO
wären auch die weniger auffälligen
sowie als PNG
Die Stammseite ist MW:User:PerfektesChaos/js/paneMarker mit:
Quellcode |
|
ResourceLoader |
|
Namensräume | alle |
mw.libs
|
paneMarker
|