Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js

Dieses Skript ist einfach Klasse. Ich hätte da nur zwei Verbesserungsvorschläge, dann könnte man es vielleicht sogar auf die allgemeine Monobook loslassen (zumindest als Gadget):Flominator Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Flominator-2009-11-08T15:28:00.000Z11Beantworten

Wenn das auf der Bildbeschreibungsseite angezeigte Bild relativ breit oder der Bildschirm relativ schmal ist, verdeckt die Box das Bild. --Flominator Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Flominator-2009-11-08T15:28:00.000Z-Umgang mit großen Bildern11Beantworten

Weiss nicht, wie ich Bild oder Box kleiner bzw. Bildschirm größer machen kann ;-) also habe ich eine hide/show- und close-Funktion hinzugefügt. Habe auch 50% Transparenz probiert, siehr aber Sch...lecht aus. --Magnus Manske Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Magnus Manske-2009-12-06T17:47:00.000Z-Flominator-2009-11-08T15:28:00.000Z11Beantworten

Das sieht schick aus. Danke. Wäre es nicht auch eine Möglichkeit gewesen, die Box bei Bedarf in die nächste Zeile zu setzen? --Flominator Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Flominator-2009-12-09T19:53:00.000Z-Magnus Manske-2009-12-06T17:47:00.000Z11Beantworten

Die Links sind bisher leider nur Englisch. Vielleicht lässt sich da ja etwas über Interwiki-Links etc. realisieren. Vielleicht gibt es ja sogar schon etwas in der Richtung, das man anzapfen könnte. --Flominator Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Flominator-2009-11-08T15:28:00.000Z-Übersetzung11Beantworten

Nicht sicher, welche Links Du meinst. Habe für Thumbnail-links auf Commons mal uselang=de hinzugefügt, auf gut Glück... --Magnus Manske Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Magnus Manske-2009-12-06T17:48:00.000Z-Flominator-2009-11-08T15:28:00.000Z11Beantworten

Ich meinte die Begriffe über den Thumbnails. Das mit uselang ist auch eine sehr gute Idee. Leider kriege ich keine uselang-Links angezeigt :( --Flominator Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Flominator-2009-12-09T19:56:00.000Z-Magnus Manske-2009-12-06T17:48:00.000Z11Beantworten

• Leyo berichtete heute von einem Fehler.
• Ursache ist, dass im Bearbeitungsmodus kein DOM-Element id="file" existiert. In der Versionsgeschichte und auf der Diffpage gibt es das auch nicht, und auch keinen Ort für die Anzeige des Ergebnisses. Trotzdem wird dann immer ein überflüssiger und Server wie Benutzernetzverbindung belastender Request gemacht, dessen Ergebnis nur eine Fehlermeldung produziert.
• Deshalb würde ich vorschlagen, die erste Zeile von commonsSiblingsInit zu ersetzen durch:

if ( mw.config.get( "wgNamespaceNumber" ) !== 6  ||
     mw.config.get( "wgAction" ) !== "view" ) {
   return;
}

VG --PerfektesChaos Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-PerfektesChaos-2011-12-07T21:54:00.000Z-Bug … und -fix11Beantworten

Im Vertrauen in dich habe ich es umgesetzt. Zumindest scheint es nichts kaputt zu machen. ;-)

Ich habe ImageSiblings in der en-WP nutzen wollen und daher in meiner dortigen common.js eingebunden. Funktionieren tut's aber nicht. --Leyo Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Leyo-2011-12-08T12:25:00.000Z-PerfektesChaos-2011-12-07T21:54:00.000Z11Beantworten

Hast du auch die ImageNotes aktiv? Mit denen verträgt es sich nämlich leider nicht. --Flominator Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Flominator-2011-12-08T13:56:00.000Z-Leyo-2011-12-08T12:25:00.000Z11Beantworten

Ups, deine prompte Antwort hatte ich übersehen.

Nein, den ImageAnnotator (den meinst du doch, oder?) habe ich nicht aktiviert. Eine JS-Fehlermeldung kriege ich nicht. --Leyo Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Leyo-2011-12-21T09:40:00.000Z-Flominator-2011-12-08T13:56:00.000Z11Beantworten

Unter Benutzer:Fomafix/Gadget-ImageSiblings.js habe ich eine nach mw:ResourceLoader/JavaScript Deprecations und mw:Manual:Coding conventions/JavaScript überarbeitete Version (Versionsvergleich). Gleichzeitig habe ich alle Link auf protokollrelative URLs umgestellt. Damit die Bilder selbst protokollrelativ geladen werden, muss das Toolserverseitig geändert werden. --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-01-07T16:01:00.000Z-Protokollrelative URLs11Beantworten

Könntest du anstelle der fixen Codierung von „de“ das in Abhängigkeit der Wikipedia-Sprachversion lösen? Dann könnte des Script auch in andern Wikipedias eingesetzt werden. Siehe einen Abschnitt drüber und en:Wikipedia:Gadget/proposals#Image Siblings. --Leyo Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Leyo-2012-01-07T16:44:00.000Z-Fomafix-2012-01-07T16:01:00.000Z11Beantworten

Ich habe es mal überarbeitet. Damit sollte die Sprache und ob das Bild auf Commons liegt auch auf anderen Wikipedias erkannt werden. Die Texte selbst müssen noch separat übersetzt werden. Erst mit mw:RL2 wird es dafür eine universelle Lösung geben. --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-01-07T17:03:00.000Z-Leyo-2012-01-07T16:44:00.000Z11Beantworten

Ups, deine Antwort hatte ich irgendwie übersehen. Den dritten Satz verstehe ich nicht ganz bzw. weiss nicht, was konkret zu tun wäre. --Leyo Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Leyo-2012-02-10T10:21:00.000Z-Fomafix-2012-01-07T17:03:00.000Z11Beantworten

Der Text ist auf deutsch. Damit das Gadget vollständig internationalisiert ist, sollte der Text auch übersetzbar sein. --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-02-10T10:30:00.000Z-Leyo-2012-02-10T10:21:00.000Z11Beantworten

Das Wie und Wo ist mir nicht klar. --Leyo Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Leyo-2012-02-10T10:53:00.000Z-Fomafix-2012-02-10T10:30:00.000Z11Beantworten

Ich habe es mal für Deutsch und Englisch übersetzt. Mit RL2 kann die Übersetzung in MediaWiki ausgelagert werden. --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-02-10T11:43:00.000Z-Leyo-2012-02-10T10:53:00.000Z11Beantworten

Danke! Bevor ich's übernehme, kannst du mal schauen, ob der erste Punkt im Code berücksichtigt werden kann? --Leyo Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Leyo-2012-02-10T12:51:00.000Z-Fomafix-2012-02-10T11:43:00.000Z11Beantworten

Der Fehler und alle weiteren Fehler und Übersetzungen liegen serverseitig und müssen dort korrigiert werden. --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-02-10T14:04:00.000Z-Leyo-2012-02-10T12:51:00.000Z11Beantworten

Danke für die Antwort! Ich habe deine Version nun implementiert. Mal schauen, ob dieses Problem damit gelöst wird. In der en-WP funktioniert es nun bei lokalen Bildern (nur viel längere Ladezeit als hier), nicht aber bei Commons-Bildern. --Leyo Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Leyo-2012-02-10T14:24:00.000Z-Fomafix-2012-02-10T14:04:00.000Z11Beantworten

@Fomafix: Sollte man das über den RessourceLoader laden lassen? Es sind zwar keine Abhängigkeiten notwendig, man kann aber trotzdem per RessourceLoader laden. Der Umherirrende 16:17, 10. Feb. 2012 (CET)

Wenn du die Zeile

function file_siblings_callback( html ) {

ersetzt durch

window.file_siblings_callback = function ( html ) {

vermutlich ja, sonst vermutlich nein. --Schnark Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Schnark-2012-02-11T08:38:00.000Z-Fomafix-2012-02-10T14:04:00.000Z11Beantworten

Die globale function lässt sich wohl nicht vermeiden, weil dann der callback nicht gefunden wird. Ich habe die function, wie angeraten, mal an window geheftet. Wenn Fomafix nichts dagegen hat, kann ich gerne den RessourceLoader aktivieren. Der Umherirrende 10:58, 11. Feb. 2012 (CET)

Am Ende fehlt noch ein Semikolon (diff), das beim ResourceLoader für Probleme sorgen könnte. Ansonsten spricht nichts gegen das Laden per ResourceLoader. --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-02-11T10:51:00.000Z-Schnark-2012-02-11T08:38:00.000Z11Beantworten

Ich habe dann mal den ResourceLoader aktiviert. Ist auch sofort aktiv. Der Umherirrende 12:17, 11. Feb. 2012 (CET)

Generell ist die derzeitige Schnittstelle per eingebundene Callback-Funktion schlecht und sollte umgebaut werden. Wenn der Server eine Fehlermeldung liefert, treten JavaScript-Fehler auf. Der Dienst auf dem Toolserver hat auch eine schlechte Verfügbarkeit. Vermutlich ist durch die Aktivierung auf verschiedenen Projekten die Last recht hoch. Auch sollte das komplette HTML-Generieren clientseitig gemacht werden, damit die Lokalisierung besser gemacht werden kann. --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-02-11T10:51:00.000Z-Protokollrelative URLs11Beantworten

Da stimmte ich dir zu, vorallem liefert die Seite aktuell immer http aus, auch wenn man mit https kommt. Ich hatte deshalb heute morgen auch ein JIRA-Bug aufgemacht. Der Umherirrende 12:17, 11. Feb. 2012 (CET)

Die umgebende Callback-Funktion ist doch notwendig, um hier nach JSONP die Cross-Domain-Abfrage durchführen zu können. Ich habe meine Implementierung auf jQuery.ajax() umgebaut. Damit kümmert sich jQuery um das Anlegen der entsprechenden Callback-Funktion. --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-02-11T17:23:00.000Z-Fomafix-2012-02-11T10:51:00.000Z11Beantworten

Ja, somit hätte man keine globale function. Ich warte aber noch mal Kommentare ab, weil ich mich damit nicht so auskenne. Der Umherirrende 14:26, 12. Feb. 2012 (CET)

Neija, jQuery legt die globale Funktion windows.file_siblings_callback() dynamisch an und löscht sie wieder, sobald die Antwort verarbeitet ist. Das ist auch genau das, was wir wollen. --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-02-12T14:24:00.000Z-Fomafix-2012-02-11T17:23:00.000Z11Beantworten

Da bis jetzt keine Einwände kamen und sich die Doku vielversprechend las, habe ich das mal so eingebaut. Der Umherirrende 21:14, 16. Feb. 2012 (CET)

Fein gemacht.

Wenn ich mir jetzt noch zwei Zeilenumbrüche ausbitten dürfte (vor jsonp: und vor jsonpCallback:) … nur so von wegen perfekter Lesbarkeit.

Weiterhin erfolgreichen Abend --PerfektesChaos Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-PerfektesChaos-2012-02-16T21:08:00.000Z-Fomafix-2012-02-12T14:24:00.000Z11Beantworten

Darüber lässt sich Reden, wobei Codestyle natürlich immer schwierig ist. Der Umherirrende 16:57, 17. Feb. 2012 (CET)

Magnus Manske hat das Server-Script auf protokollrelative Links umgestellt. --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-02-11T19:56:00.000Z-Protokollrelative URLs11Beantworten

Das sieht gut aus. Erfreulich schnelle Umsetzung. Der Umherirrende 14:26, 12. Feb. 2012 (CET)

Falls ein Bild in einer Kategorie mit einem langen Namen einsortiert ist, wird die Box sehr breit (Beispiel: Datei:PDB 1ppj EBI.jpg in commons:Category:Cytochrome c1 subunit of cytochrome bc1 complex (Ubiquinol-cytochrome c reductase), transmembrane anchor). Könnte man ev. nur die ersten n Zeichen von Kategorienamen anzeigen lassen? --Leyo Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Leyo-2012-02-17T16:20:00.000Z-Lange Kategorienamen11Beantworten

Wie wäre es mit

#file_siblings_table { width: 210px }

? --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-02-17T16:24:00.000Z-Leyo-2012-02-17T16:20:00.000Z11Beantworten

Wird damit alles, was zu lang ist, abgeschnitten oder umgebrochen? --Leyo Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Leyo-2012-02-17T16:51:00.000Z-Fomafix-2012-02-17T16:24:00.000Z11Beantworten

Umbrochen. --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-02-17T17:00:00.000Z-Leyo-2012-02-17T16:51:00.000Z11Beantworten

Das scheint mir sinnvoll zu sein. Mal schauen, wie viele Zeilen das bei obigem Beispiel ergäbe… --Leyo Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Leyo-2012-02-17T17:39:00.000Z-Fomafix-2012-02-17T17:00:00.000Z11Beantworten

Das sind 5 Zeilen für diese Kategorie und bei den anderen auch noch ein paar Zeilen mehr. Wird zwar nach unten alles länger, aber sieht besser aus, als das breitgezogende, vorallem weil dann die beiden Bilder direkt nebeneinander sind. Und die Box ist immer gleich groß, was die Sache sicher angenehmer macht. Der Umherirrende 20:50, 17. Feb. 2012 (CET)

Ich habe es mal testweise eingebaut. Der Umherirrende 21:20, 17. Feb. 2012 (CET)

Funktioniert, danke. Wäre es denn nachteilig, diesen Einzeiler mittels mw.util.addCSS ins JS einzubinden? Wenn man ImageSiblings in anderen Sprachversionen verwenden will, muss man es nun im .js und im .css einbinden. --Leyo Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Leyo-2012-02-17T22:02:00.000Z-Leyo-2012-02-17T17:39:00.000Z11Beantworten

Mit dem RL2 ist das kein Problem mehr, da ein solches Gadget inklusive aller CSS-Dateien und aller lokalisierter Systemnachrichten weitergegeben werden kann. Ich habe hier trotzdem eine etwas andere Lösung umgesetzt. Vielleicht kann ich die Darstellung noch weiter verbessern. --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-02-17T22:14:00.000Z-Leyo-2012-02-17T22:02:00.000Z11Beantworten

Du beziehst dich auf diesen Diff? Soweit ich das beurteilen kann, schaut es sinnvoll aus. Der Umherirrende sollte am besten auch Stellung nehmen. --Leyo Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Leyo-2012-02-18T10:20:00.000Z-Fomafix-2012-02-17T22:14:00.000Z11Beantworten

Das de.wp als Quelle für das Laden von anderen Wikis dient, hätte nicht irgendiwe nicht gedacht, aber ist natürlich auch möglich. Ich habe daher die CSS-Seite wieder entfernt und das CSS inline gesetzt. Der Umherirrende 11:42, 18. Feb. 2012 (CET)

Bei mir funktioniert's bestens, danke! --Leyo Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Leyo-2012-02-19T08:13:00.000Z-Leyo-2012-02-18T10:20:00.000Z11Beantworten

Für eine vollständige Lokalisierung benötigen wir zwingend separate CSS-Dateien, damit aus dem right ein left wird, wenn eine RTL-Sprache als Benutzeroberflächenspache eingestellt ist: Beispiel auf ar. Der ResourceLoader macht dieses Flipping bei CSS-Dateien automatisch. --Fomafix Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2012-02-20T09:40:00.000Z-Leyo-2012-02-19T08:13:00.000Z11Beantworten

Mitleidend mitlesend:

Die Seite wird mit <html dir="rtl"> ausgeliefert; die Orientierung ließe sich per DOM oder jQuery auslesen und geeignet umzwitschen. Bis Ende des Jahres mal RL2 das übernimmt, wäre das eine Übergangslösung.

Viel Erfolg --PerfektesChaos Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-PerfektesChaos-2012-02-20T10:13:00.000Z-Fomafix-2012-02-20T09:40:00.000Z11Beantworten

Nachtrag: Sollte jeder Browser als document.dir kennen. --PerfektesChaos Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-PerfektesChaos-2012-02-20T10:15:00.000Z-PerfektesChaos-2012-02-20T10:13:00.000Z11Beantworten

Das right/left wird aber von uns nicht hinzugesetzt, oder? Da müsste Magnus Manske sich etwas überlegen. Müsste jemand auf JIRA ansprechen. Der Umherirrende 20:12, 20. Feb. 2012 (CET)

Ich habe gerade auf der Seite Datei:Maffay2012.jpg in der Firefox-JavaScript-Konsole folgende Fehlermeldung erhalten:

SyntaxError: expected expression, got '<'

Der Fehler ist aufgetreten beim Laden der URL https://tools.wmflabs.org/file-siblings/index.php?language=commons&project=wikimedia&sort_by_date=0&sib_cat=1&sib_gal=1&mode=json&file=Maffay2012.jpg&uselang=de&message=Verwandte+Bilder+auf+%3Ca+href%3D%22%2F%2Fcommons.wikimedia.org%2F%22%3EWikimedia+Commons%3C%2Fa%3E&_=1490515286953 Als Antwort kommt dort derzeit

<br />
<b>Warning</b>:  Creating default object from empty value in <b>/data/project/file-siblings/public_html/index.php</b> on line <b>146</b><br />

file_siblings_callback("<div id='file_siblings_div' style='border:2px solid #888888;background:white;margin:5px;padding:2px;position:absolute;right:0px'><div style='text-align:right'><a href='#' onclick='jQuery(\u0022#file_siblings_table\u0022).toggle();return false;'>↸<\/a> <a href='#' onclick='jQuery(\u0022#file_siblings_div\u0022).remove();return false;'>X<\/a><\/div><table id='file_siblings_table' ><tr><th colspan='2' align='center'>Verwandte Bilder auf <a href=\u0022\/\/commons.wikimedia.org\/\u0022>Wikimedia Commons<\/a><\/th><\/tr><tr><th colspan='2' style='background:#99E0FF'><a href='\/\/commons.wikimedia.org\/wiki\/Category:Peter_Maffay'>Peter Maffay<\/a><\/th><\/tr><tr><td align='center' valign='center'><a href='\/\/commons.wikimedia.org\/wiki\/File:Mayque_maffay_trier.jpg?uselang=de'><img border='0' src='\/\/commons.wikimedia.org\/wiki\/Special:Redirect\/file\/Mayque_maffay_trier.jpg?width=100'  alt='Mayque maffay trier.jpg' title='Mayque maffay trier.jpg' \/><\/a><\/td><td align='center' valign='center'><a href='\/\/commons.wikimedia.org\/wiki\/File:Peter_Maffay_2009.jpg?uselang=de'><img border='0' src='\/\/commons.wikimedia.org\/wiki\/Special:Redirect\/file\/Peter_Maffay_2009.jpg?width=71'  alt='Peter Maffay 2009.jpg' title='Peter Maffay 2009.jpg' \/><\/a><\/td><\/tr><\/table><\/div>");

--Fomafix (Diskussion) Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2017-03-26T08:14:00.000Z-SyntaxError11Beantworten

So wie ich das sehe, kommt die Fehlermeldung bei jeder Bild-Datei – sowohl lokale, also auch von Commons eingebundene Bilder. Das Helferlein sollte deaktiviert werden, bis der Fehler auf dem Tool-Server behoben ist. --Fomafix (Diskussion) Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Fomafix-2017-03-26T08:47:00.000Z-Fomafix-2017-03-26T08:14:00.000Z11Beantworten

Siehe MediaWiki Diskussion:Gadgets-definition#MediaWiki:Gadget-ImageSiblings.js defekt?, der Fehler existiert schon lange und es scheint sich niemand wirklich dafür zu interessieren. –Schnark Wikipedia Diskussion:Technik/Archiv/MediaWiki:Gadget-ImageSiblings.js#c-Schnark-2017-03-27T07:09:00.000Z-Fomafix-2017-03-26T08:47:00.000Z11Beantworten