Discussion Projet:Scripts et gadgets

Le projet « Scripts et gadgets » n'est pas notifié pour le moment.

Projet

Fonctions disponibles

Notices

Discussion projet

Signaler un bug

Demander une nouvelle fonction

PROJET SCRIPTS ET GADGETS

Centraliser les fonctions JavaScript et CSS pour éviter la dispersion du code.

Archives

2006-2007, 2008-2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022

Cette page de discussion est destinée aux discussions sur le Projet:Scripts et gadgets.

• Si vous souhaitez signaler un bug, utiliser la page de rapport de bug.
• Si vous souhaitez demander une fonction qui ne se trouve pas dans la liste des fonctions disponibles, utilisez la page de demande de fonction.
• Pour tout autre demande, vous êtes au bon endroit.

Personnaliser l'interface

Données clés

Aide • Exemples

Fonctions avancées

Apparence Vector

Apparence Timeless

Projet:Scripts et gadgets

(en) User styles

CSS

common.css personnel

Common.css commun

Monobook.css commun

Vector.css commun

(en) Catalogue of classes

Index des propriétés CSS2

JavaScript

common.js personnel

Common.js commun

Fonctions JavaScript

Cliquez ici pour purger le cache

Gadget pour affichage de l'aide dans le menu de la version mobile

Ne pas archiver.

Hello les sorciers du code,

Je vous ai trouvé une nouvelle mission  !

Comme vous pourrez le lire sur ce sujet il y a un petit souci sur la version mobile du site, il n'y a pas de lien vers l'aide dans le menu hamburger.

Du coup, on a ouvert un ticket sur Phabricator (Phab:T252796) pour ajouter un lien. Ce n'est pas une priorité pour les dévs mais il semble qu'il y ait, sur la version sv.m.wikipedia.org, un gadget qui permette l'affichage du lien vers l'aide.

Sauf que je n'arrive pas à l'identifier ni à savoir s'il serait adaptable ici.

Est-ce que vous pourriez nous apporter votre éclairage ?

Merci — Mattho69 ^{me joindre} 8 juin 2020 à 18:38 (CEST)

Il faudrait sinon demander sur le Bistro suèdois... -- Nemo ^Discuter 8 juin 2020 à 19:45 (CEST)

Gadgets permettant d'afficher des icônes sous Vector

Bonjour,

Cette demande rebondit sur Wikipédia:Le Bistro/16 août 2021#Configuration de la nouvelle interface. On y signale l'existence du gadget fa:Mediawiki:Gadget-watchlist-icon.js qui permet d'afficher une icône de lien vers la liste de suivi sans avoir à dérouler le menu. Plusieurs contributeurs apprécieraient aussi un lien direct vers la liste des contributions ou le brouillon. Est-il possible de créer Mediawiki:Gadget-contributions-icon.js et Mediawiki:Gadget-sandbox-icon.js en s'inspirant du gadget ci-dessus ? Merci, --l'Escogriffe (✉) 16 août 2021 à 22:05 (CEST)

Bonjour GrandEscogriffe

 Fait. (Requête en cours sur Wikipédia:Demande d'intervention sur un message système) ─ DreZhsh ^[Discuter] 17 août 2021 à 12:02 (CEST)

Ces gadgets me semblent effectivement les bienvenus (la nouvelle interface Vector, je lui ai encore donné une chance, mais désolé non, vraiment je peux pas). J'ai retravaillé le code de ces scripts, et j'ai également créé Mediawiki:Gadget-watchlist-icon.js. od†n ↗^blah 21 août 2021 à 13:49 (CEST)

Merci Od1n ─ DreZhsh ^[Discuter] 21 août 2021 à 14:40 (CEST)

Pour information, le gadget watchlist-icon n'est plus nécessaire (et même contre-productif), le bouton « Liste de suivi » ayant été sorti du menu suite à phab:T289619. Les gadgets contributions-icon et sandbox-icon restent bien entendus présents. od†n ↗^blah 18 février 2022 à 10:55 (CET)

Proposition de retrait de deux gadgets superflus

Bonjour,

En survolant rapidement MediaWiki:Gadgets-definition, j'ai remarqué deux gadgets me paraissant fort peu utiles :

• MediaWiki:Gadget-CaracteresOff.css : sert à supprimer la boîte « Caractères spéciaux : æ Æ à À â Â ä Ä á Á … » qui se trouve en dessous des boutons « Publier les modifications», etc. Si on commence à créer des gadgets pour toutes les suppressions d'éléments d'interface, la liste va être sans fin. Il suffit d'ajouter cette règle dans son common.css.
• MediaWiki:Gadget-SupprimerInfoBulles.js : sert à supprimer les tooltips qui apparaissent au survol de la souris sur divers éléments de l'interface. Bon, là l'utilité, j'ai vraiment du mal à la trouver… Néanmoins, ce gadget sera encore utilisable en ajoutant obtenir('SupprimerInfoBulles'); dans son common.js.

Justification : d'abord pour aider à alléger la page de préférences de gadgets. Aussi, les développeurs de MediaWiki préconisent de ne pas surcharger MediaWiki:Gadgets-definition, car cela s'ajoute aux définitions de modules, qui doivent être chargées à chaque page.

Pour information : Statistiques d’utilisation des gadgets. Ces deux gadgets sont parmi les moins activés.

Ma suggestion est donc de délister ces deux gadgets de MediaWiki:Gadgets-definition. Ces codes seront toujours utilisables, comme indiqué plus haut. Le seul problème est que pour les utilisateurs ayant activés ces gadgets, ils ne seront plus effectifs et il faudra ajouter les codes dans les common.js/common.css personnels.

Pour rappel, il ne faudra pas oublier de mettre à jour Projet:Scripts et gadgets/Liste des fonctions disponibles.

Des remarques ou des objections ?

od†n ↗^blah 18 octobre 2021 à 05:00 (CEST)

Bonjour Od1n. Approbation entière.

Pour (futur ?) rappel, le code de la première règle, Gadget-CaracteresOff, consiste en .mw-editTools {display:none;}. Peut-être que ces deux possibilités pourraient intégrer Aide:Personnaliser l'interface ou une version étendue/avancée. Il y a un autre cas très peu utilisé (neuf contributeurs actifs) et « expérimental » : MediaWiki:Gadget-MagnusEditBox.js (« Découper la page d'édition en plusieurs fenêtres. Expérimental. Incompatible avec les gadgets RevertDiff et WikEd. »). Bjr  Pyb, un avis ? — Ideawipik (discuter) 18 octobre 2021 à 12:55 (CEST)

Je n'ai pas d'objection.

Une idée en passant : bien qu'on ne puisse pas obtenir directement la liste des utilisateurs d'un gadget, il devrait être possible de modifier MediaWiki:Gadget-WatchlistNoticeCore.js pour leur envoyer un message ciblé (ici la procédure alternative pour continuer à utiliser le script).

Orlodrim (discuter) 18 octobre 2021 à 20:59 (CEST)

On peut effectivement savoir si un gadget est activé avec le code !!mw.user.options.get('gadget-<nom du gadget>'). Mais cela fonctionne-t-il encore une fois le gadget délisté ? Je suppose que non (sans en avoir la certitude absolue).

Il faudrait donc afficher cet avertissement avant la suppression (puisque après il ne pourra plus être affiché), à un endroit qui est d'assez faible visibilité, pour une poignée de contributeurs, dont la majorité a probablement coché ces gadgets un peu par hasard, et il faudrait qu'ils tombent sur cet avertissement durant le laps de temps où il est affiché, qu'ils y prêtent attention et qu'ils s'en préoccupent… et tout cela pour des gadgets à l'utilité extrêmement faible, voire inexistante. Pas certain que cela en vaille la chandelle ;-)

od†n ↗^blah 22 octobre 2021 à 04:05 (CEST)

Je viens de délister les deux gadgets en question : CaracteresOff.css (documentation) et SupprimerInfoBulles.js (documentation). od†n ↗^blah 21 janvier 2022 à 04:14 (CET)

La chasse aux proxies ouverts avec un PV !

Hello,

Les discussions précédentes m'ont inspiré, j'ai créé Utilisateur:LD/PV.js en partant de en:User:ST47/cu-log-links.js (bien utile pour un CU au passage).

« PV » est un nom que l'on retient et qui signifie simplement « Proxy Verification » ; il permet de rajouter deux liens externes qui s'ouvreront dans un nouvel onglet pour vérifier que l'IP juxtaposée n'est pas un proxy ouvert (ou l'est ). Il fonctionne à partir d'un historique ou d'une page spéciale comme les modifications récentes.

Pour l'obtenir, ajoutez dans votre common.js cette ligne : importScript('Utilisateur:LD/PV.js');

Retours appréciés (y compris suggestions d'amélioration) !

Bonne journée, LD (d) 15 décembre 2021 à 23:46 (CET)

D'après quelques tests, cela marche notamment dans :

• Spécial:Modifications récentes
• Spécial:Liste des blocages
• Spécial:Journal du filtre antiabus
• Spécial:Nouvelles pages
• Spécial:Journal
• Spécial:Contributions (par exemple pour 178.197.237.88 on voit « (...) a bloqué [P–V] 178.197.237.88 discuter »)

LD (d) 16 décembre 2021 à 00:12 (CET)

Utiliser la police Luciole

Bonjour,

La police Luciole permet de faciliter la lecture des personnes malvoyantes. Je me disais qu'il serait intelligent de la proposer de manière facultative au lectorat, et je me demandais quelle serait la meilleure façon de faire ? Un CSS personnalisé pour Vector 2022 avec un petit script JS activé par défaut pour permettre de l'activer depuis chaque page ?

Merci énormément de vos avis. Wikimédia France serait ravie de soutenir ce genre de projet !

Poke @Hatonjan grâce à qui cet échange Twitter a initié le sujet. Capucine-Marin Dubroca-Voisin (discuter) 9 février 2022 à 16:43 (CET)

La font n'est malheureusement pas disponible sur Google Fonts ; apparemment pour des raisons de licence, j'ai trouvé cette discussion sur GitHub.

J'ai donc essayé en chargeant les fonts directement depuis le site luciole-vision.com :

mw.loader.addStyleTag(`
@font-face {
    font-family: Luciole;
    src: url('https://luciole-vision.com/fonts/luciole/Luciole-Regular.woff2');
    font-weight: normal;
}
@font-face {
    font-family: Luciole;
    src: url('https://luciole-vision.com/fonts/luciole/Luciole-Bold.woff2');
    font-weight: bold;
}
html, body {
    font-family: Luciole, sans-serif;
}
`);

Malheureusement cela ne fonctionne pas, en raison de restrictions CORS : « Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://luciole-vision.com/fonts/luciole/Luciole-Regular.woff2. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). »

(et je ne suis pas certain qu'ils souhaitent permettre aux sites du monde entier de charger les fonts sur leurs serveurs, faut la payer la bande passante)

La première étape serait donc que la font soit hébergée à un endroit d'où il serait possible de la charger. (pour info, j'ai regardé sur Commons mais il n'est pas possible d'y mettre de fonts : c:Commons:File types#Unsupported file types)

od†n ↗^blah 10 février 2022 à 05:28 (CET)

Bonjour,

je ne sais pas dans quelle mesure cela répond à votre questionnement mais nous fournissons habituellement aux développeurs des webfonts dans tous les formats (woff, woff2, ttf, eot, svg) sur simple demande par mail ; les développeurs hébergent ensuite le ou les formats souhaités sur leur propre serveur.

Pour ce qui est de proposer Luciole sur Google Font, la question est bien plus complexe que la discussion évoquée en lien (à laquelle je n'ai pas participée) mais effectivement, nous avons décidé de ne pas le faire pour diverses raisons. Ceci étant dit les gens de Google ont été charmants dans la discussion.

Cordialement - M. Fabreguettes (coordinateur du projet) 176.158.108.157 (discuter) 10 février 2022 à 20:44 (CET)

@Capucine-Marin Dubroca-Voisin et @Od1n, ce n'est pas très élégant, mais il est possible d'encoder directement le fichier en base64 pour contourner le problème de CORS... : [1]. --Golmote (discuter) 10 février 2022 à 22:51 (CET)

@Golmote et @Od1n merci mille fois pour vos retours ! Je suppose que Wikimédia France pourrait héberger la police sur un de ses serveurs, je vais me renseigner. Ce sera peut-être un solution plus propre

Concernant le bouton pour activer la police depuis n'importe quelle page, voyez-vous une solution aisée ?

Capucine-Marin Dubroca-Voisin (discuter) 13 février 2022 à 15:38 (CET)

Il y a ce gadget avec un toggle "on/off", dont le code pourrait éventuellement servir d'inspiration : MediaWiki:Gadget-AffMasLiens.js. od†n ↗^blah 13 février 2022 à 17:43 (CET)

Merci beaucoup à vous d'avancer sur cette question.

Quelques éléments complémentaires pour vous aider (du moins je l'espère !) :

- n'hésitez pas à m'envoyer un email sur l'adresse de contact du site luciole-vision.com pour que je puisse vous faire parvenir les dernières versions des fichiers de la police pour le web, si toutefois vous ne les avez pas déjà ;

- le standard de l'agrandissement en édition papier pour un lecteur DV est le corps 16 à 20 (contre environ corps 10 pour un clairvoyant), vous pouvez donc envisager d'augmenter généreusement la taille du texte dans la CSS, le plus important étant toutefois que le lecteur garde la possibilité de l'ajuster plus finement selon ses besoins ;

- enfin, gardez à l'esprit que la malvoyance ne recouvre pas seulement une baisse de l'acuité mais tout un ensemble d'autres paramètres, notamment sur la perception des couleurs. Il serait pertinent d'envisager de remplacer (dans la version accessible) le bleu vif des liens par un autre facteur de différenciation (par exemple un Bold, un souligné...) pour être sûr que le texte soit lisible.

Je travaille sur le projet Luciole avec une collègue malvoyante qui a fait des études d'informatique à haut niveau, elle est disponible pour vous aider sur tous ces aspects : si vous souhaitez que je vous mette en contact avec elle vous pouvez m'envoyer un email.

Cordialement - M. Fabreguettes (coordinateur du projet Luciole) 81.185.165.245 (discuter) 15 février 2022 à 15:06 (CET)

Bonjour à tous, sur la lignée de @Golmote, il est possible d'importer une police depuis github, ce qui est un peu plus élégant. Cf. Aide:Dyslexie#Téléchargement de la police OpenDyslexic. Wikimédia France pourrait simplement créer un compte GitHub pour ne pas héberger en interne, @Capucine-Marin Dubroca-Voisin, ou bien inviter Luciole à le faire. LD (d) 15 février 2022 à 18:19 (CET)

Bonjour,

j'ai suivi votre conseil et créé un compte GitHub pour y mettre les webfonts du Luciole.

C'est la première fois que j'utilisai GitHub donc j'espère avoir tout fait correctement.

Voici les liens :

https://github.com/JonathanFabreguettes/LucioleWeb

https://github.com/JonathanFabreguettes/LucioleWeb/releases/tag/LucioleWeb

https://github.com/JonathanFabreguettes/LucioleWeb/releases

Cordialement - M. Fabreguettes (coordinateur du projet Luciole) 109.190.122.244 (discuter) 3 mars 2022 à 09:53 (CET)

Question technique sur OOUI

C’est un point cosmétique mais ça me titille. Je travaille actuellement sur un script relatif aux interwikis Utilisateur:TomT0m/extraInterwiki.js qui utilise un bouton OOUI pour afficher des infos supplémentaire quand on clique dessus (un truc presque similaire à la balise html <detail>) qui propose d’afficher une icône.

J’avais renoncé à afficher l’icône des langue vu qu’elle ne s’affichait pas lors de mes essais, mais … elle s’affiche hors de l’espace principal, ce qui est étrange. Quelqu’un ou quelqu’une aurait une explication/solution ? — TomT0m ^[bla] 22 avril 2022 à 12:21 (CEST)

Trouvé, il fallait ajouter le chargement du module d’icone correspondant qui doit déjà être chargé dans les espaces annexes mais pas dans l’espace principal. Pour ref voir ce diff — TomT0m ^[bla] 7 mai 2022 à 16:27 (CEST)

Redirection vers l'édition sous Minerva

Bonjour

Sous l'interface web Minerva, lorsqu'on clique sur une page de discussion qui n'existe pas (voir ici Yasmin Williams), on est automatiquement redirigé vers l'édition de la page : https://fr.m.wikipedia.org/w/index.php?title=Discussion:Yasmin_Williams&redlink=1#/editor/all au lieu de https://fr.m.wikipedia.org/w/index.php?title=Discussion:Yasmin_Williams

Quelqu'un saurait écrire un bout de code pour éviter cette fonctionnalité dans son Minerva.js perso ? PAC2 (discuter) 27 mai 2022 à 13:00 (CEST)

À noter que sur Vector, on est aussi automatiquement redirigé vers l'édition de la page, sauf si on a ajouté l'ajout de sujet dans les outils de discussion... On pourrait donc envisager un bout de code "global" pour y remédier. -- Nemo ^Discuter 31 mai 2022 à 18:46 (CEST)

ah oui j'avais pas remarqué qu'on a le même problème sur Vector. PAC2 (discuter) 31 mai 2022 à 19:53 (CEST)

Problème commons.js avec des nouveaux boutons perso Monobook

Bonjour

J'aurais besoin de conseils experts en javascript : je viens d'ajouter trois boutons persos à ma barre d'outils Monobook (j'en avais déjà cinq, j'ai juste recopié et adapté leur code), mais ils ne veulent pas s'afficher.

J'ai bien rechargé complètement le cache du navigateur (Firefox) comme indiqué, j'ai même purgé la page, redémarré Firefox, vidé son cache, mais rien n'y fait...

Utilisateur:SyntaxTerror/common.js

Des idées ? Merci d'avance, Şÿℵדαχ₮ɘɼɾ๏ʁ 3 juillet 2022 à 20:28 (CEST) (merci de me notifier)

Bonsoir SyntaxTerror. Je ne suis pas assez calé dans le domaine mais je pense qu'il est possible d'ajouter tous les boutons dans la même fonction, les uns à la suite des autres, et éviter des répétitions du code. Tu peux essayer cela (exemple avec un seul bouton) :

if (['edit', 'submit'].indexOf(mw.config.get('wgAction')) !== -1) {
    mw.loader.using('ext.gadget.MonobookToolbar', function () {

        MonobookToolbar.addButton('//upload.wikimedia.org/wikipedia/commons/8/83/Button_guillemets.svg', 'Guillemets', '« ', ' »', '', 'mw-editbutton-codeguillemets');

    });
}

Mais un expert sera meilleur conseiller, pour optimiser.

PS – pour info, il existe déjà un gadget avec des guillemets et autres balises dans une boite complémentaire placée sous la fenêtre d'édition. — Ideawipik (discuter) 3 juillet 2022 à 22:57 (CEST)