Utilisateur:Leag/Navigation popups
Un article de Wikipédia, l'encyclopédie libre.
Navigation popups permet d'accéder facilement à la visualisation des articles et à plusieurs fonctions de Wikipédia dans un fenêtre popup qui s'affiche quand la souris est placée sur un lien.
Installation rapide : ajouter {{subst:navpop}} à votre monobook.js (ou le fichier équivalent si vous utilisez un autre style). Voir ci-dessous pour les instructions d'installation complètes.
Si vous rencontrez un problème, reportez-vous ici : frequently asked questions.
Sommaire |
[modifier] Fonctions
- Prévisualiser la première partie d'un article
- Prévisualiser les images depuis un lien image
- Prévisualiser la première image de chaque article
- Prévisualiser les diffs dans la liste de suivi, l'historique et les changements relatifs.
- Prévisualiser les wikiliens sélectionnés lors de l'édition (utilisez la souris pour sélectionner les wikiliens)
- Révocation en un seul clic depuis les diffs
- Informe sur les redirections, ébauche et pages d'homonymie
- Donne des informations sur la page telles que la taille, le nombre de lien, le nombre d'image, le nombre de catégories et la date de dernière modification
- Doit fonctionner sur tous les Wikimedia wikis
- Accès en un clic à :
- l'édition d'une page
- les contributions d'un utilisateur
- le compteur d'édition d'Interiot
- l'email d'un utilisateur
- l'historique
- suivre ou ne pas suivre
- voir et éditer une page de discussion
- pages liées
- changements relatifs
- pour les administrateurs, protéger et déprotéger, supprimer et bloquer un utilisateur
- journal utilisateur et journal des bloquages
- liste des sous-pages d'une page utilisateur
- Recherche Wikipédia, recherche Wikipédia globale et recherche Google
- Raccourcis (optionnel)
- Modifier automatiquement les liens vers les redirections et les pages d'homonymie (optionnel)
[modifier] Installation
Vous devez avoir un compte utilisateur afin de pouvoir installer et utiliser les fonctions de la Navigation popups. Si vous n'en possédez pas, vous devez en créer un et vous connecter.
Il existe 2 possibilités pour installer le popup :
- Soit vous allez dans vos préférences, onglet « Gadgets » et vous cochez la case Popups (pas de personnalisation possible, non conseillé aux administrateurs)
- Soit vous ajoutez le code ci-dessous à votre Utilisateur:VotreNom/monobook.js. (possibilité de personnalisation, notamment la variable
popupAdminLinks=true;
qui ajoute des liens spécifiques aux administrateurs)
{{subst:navpop}}
Ceci ajoutera le code suivant à votre ficher .js :
// [[:en:User:Lupin/popups.js]] // Traduction de [[Utilisateur:Leag/Navigation popups]] document.write('<script type="text/javascript" src="' + 'http://fr.wikipedia.org/w/index.php?title=User:Leag/popups-strings-fr.js' + '&action=raw&ctype=text/javascript&dontcountme=s"></script>'); document.write('<script type="text/javascript" src="' + 'http://en.wikipedia.org/w/index.php?title=User:Lupin/popupsdev.js' + '&action=raw&ctype=text/javascript&dontcountme=s"></script>');
Note : Si vous utilisez un autre style que MonoBook (par défaut), les fichiers correspondant que vous devrez éditer sont listés ci-dessous.
- Classic skin: standard.js
- Cologne Blue: cologneblue.js
- Chick: chick.js
- Simple: simple.js
- Nostalgia: nostalgia.js
- MySkin: myskin.js
Après sauvegarde de la page, videz le cache de votre navigateur (maintenez enfoncé la touche SHIFT pendant l'actualisation de la page; avec Mozilla Firefox Shift-Control-R). Assurez vous de n'avoir pas désactivé javascript dans votre navigateur, un popup peut apparaître dès que vous passez votre souris sur un lien interne Wikipédia.
Pour installer le script sur Commons ou wiktionaire, répétez la procédure dans ces wikis. Pour désinstaller le script, supprimez les lignes ci-dessus de la page et videz le cache de votre navigateur.
[modifier] Guide d'usage
Cet outil affiche un popup quand vous passez votre souris sur un lien ou une image.
La plupart des fonctions sont accessibles depuis la liste de suivi.
- passez sur un lien diff link pour afficher un résumé des modifications effectuées
- passez votre souris sur un article pour afficher un court extrait de sa version actuelle
Il y a aussi des « liens de navigation » qui permettent d'accéder à des nombreuses fonctions, telles que la révocation, l'édition de page… Ceux-ci apparaissent dans le popup lui-même, ou sont cachés dans le menu « actions » ; menu qui dépend de votre navigateur et de vos préférences.
Dans les articles :
- maintenez votre souris sur un lien pour afficher un court extrait des pages liées, puis passez votre souris sur des liens actions pour voir d'autres commandes
- si vous enfoncez la touche shift then you can drag the popup around
[modifier] Configuration (optionnel)
[modifier] Changer l'apparence de votre popups
En éditant votre fichier CSS, vous pouvez changer l'apparence du popup. Votre fichier CSS a exactement le même nom que votre fichier javascript, mais avec l'extension « css » à la place de « js ». Donc pour la plupart des personnes, le fichier à éditer est monobook.css.
Voici un exemple qui affiche un popup orange avec un bord et change la police de caractère. Si l'on peut ne pas aimer le look cela permet de voir quelles sont les possibilités.
.navpopup { background-color: #FFBE20 !important; font-family: serif !important; color: #404 !important; font-size: medium !important; }
[modifier] Options
Il y a plusieurs options que vous pouvez paramètrer. Pour ce faire, éditer votre fichier javascript (tel que monobook.js) et ajouter une ligne de cette forme :
- option = value;
où option and value sont choisis dans le tableau suivant. Par exemple, pour empêcher tout téléchargement et activer les fonctions d'administrateur, vous avez besoin de ceci dans votre fichier javascript :
// [[User:Lupin/popups.js]] - please include this line document.write('<script type="text/javascript" src="' + 'http://en.wikipedia.org/w/index.php?title=User:Lupin/popups.js' + '&action=raw&ctype=text/javascript&dontcountme=s"></script>'); simplePopups=true; popupAdminLinks=true;
|
||
Option | Valeurs* | Description |
---|---|---|
[édit] | ||
popupDelay | decimal number, 0.5 | Nombre de secondes avant l'apparition du popups. |
popupHideDelay | decimal number, 0.5 | Nombre approximatif de seconde entre le moment ou la souris quitte le lien et la disparition du popup. |
simplePopups | true, false | Si vous voulez seulement les liens ou que vous trouvez que que la bande passante consommée est trop importante, mettez true. Aucune donnée ne sera chargée et le popups affichera juste la liste des liens. |
popupStructure | 'original', 'fancy', 'fancy2', 'menus', 'shortmenus', 'lite', 'nostalgia' | Sélectionne la structure du popups. 'original', par défaut si simplePopups est true (ou si votre navigateur ne supporte pas les menus), possède tous les liens de navigation; 'fancy' et fancy2 sont des variantes. 'menus', par défaut si simplePopups est false, affiche les liens des menus qui apparaissent quans vous passez la souris sur le titre du popup. 'shortmenus' est une version plus légère que 'menus' avec moins de liens. Enfin, 'nostalgia' a une structure sans lien, tandis que 'lite' a une structure simple, avec juste la prévisualisation sans aucun lien.
Notez que pour ce paramètre, vous devez inclure les simples quotes : popupStructure='fancy';. |
popupActionsMenu | true, false | Quand vous utilisez les menus, vous pouvez faire que le titre du popup génère un menu (false) ou un menu « actions » séparé (true, par défaut). |
popupImages | true, false | Si false les images ne sont pas affichées. |
popupSubpopups | true, false | Si true les liens sont générés en prévisualisation. |
popupOnEditSelection | true, false | Si true un popups est généré pour les wikiliens sélectionnés lors de l'édition. |
popupAdminLinks | true, false | Si true les liens administrateurs sont affichés (bloquer, supprimer, protéger et déprotéger). |
popupShortcutKeys | true, false | Si true vous pouvez accéder à divers liens du popups à l'aide d'une touche. Quand la souris passe sur un lien avec un raccourcis, celui-ci apparait à la suite de la description du lien. Par exemple, dans Firefox ou Opera, pour éditer un article dans un nouvel onglet vous pouvez appuyer sur 'e Control-Enter'. La touche Échap fait disparaître le popup. |
popupFixRedirs | true, false | Si true vous pouvez automatiquement corriger un lien vers une page de redirection en cliquant sur « Redirection ». Note : you probably don't want to "fix" such links every time you come across them, and you definitely don't want to go on a hunt for them to "fix" them. See About fixing redirects. |
popupWatchRedirredPages | true, false, null | Si true les pages de redirection seront affichées; si false, elles ne le seront pas. Si null, les pages s'afficheront ou pas en fonction de vos préférences utilisateur. |
popupRedirAutoClick | 'wpSave', 'wpPreview', 'wpDiff' | The button which is automatically pressed when fixing redirects. |
popupRedlinkRemoval | true, false | Si true vous pouvez automatiquement supprimer les liens rouge d'une page en selectionnant « supprimer ce lien ». |
popupFixDabs | true, false | Si true vous pouvez automatiquement corriger les liens vers les pages d'homonymie en cliquant sur un des liens tout en bas du popup. |
popupAllDabsStubs | true, false | Si false les pages d'ébauche d'homonymie de l'espace encyclopédique seront traitées différemment. (Setting this to true can lead to lots of false positives). |
popupWatchDisambiggedPages | true, false, null | Si true les pages d'homonymie seront affichées; si false, elles ne le seront pas. Si null, les pages s'afficheront ou pas en fonction de vos préférences utilisateur. |
popupNavLinks | true, false | Si true les liens de navigation sont affichés. Si false, ils ne le sont pas. |
popupLastEditLink | true, false | Si true le popup affichera un lien « dernière modification ». |
popupHistoricalLinks | true, false | Quand la souris passe sur un lien Hist ou Diff, un lien « éditeAncien » est affiché si true. Sinon, vous obtenez les mêmes liens que pour un lien classique. |
popupPreviews | true, false | Si true et que vous n'avez paramétré simplePopups, alors une prévisualisation de la première partie de l'article s'affichera. (Rapports sur les pages mal affichées sont les bienvenus). Si false, il n'y a pas de prévisualisation. |
popupSummaryData | true, false | Si true un résumé des données de la page est affiché. Si false, page de résumé. |
popupLastModified | true, false | Si true l'ancienneté de la page est affichée dans le résumé. C'est le délai depuis la dernière modification de la page. |
popupDiffDates | true, false | Si true, les dates des versions comparées sont affichées lors de la prévisualisation des différences. |
popupImageLinks | true, false | Si true, les pages liées à une image apparaissent lors de la prévisualisation. Ceci ne fonctionne pas pour les images de Commons. |
popupOnlyArticleLinks | true, false | Si true, le popups génère seulement des liens sur les articles. Sinon, les autres liens (comme édit, aide) auront des liens popups. |
imagePopupsForImages | true, false | Par défaut, une prévisualisation de l'image est chargée quand la souris passe sur une image visible. Si false l'image n'est pas chargée. |
popupMaxWidth | 350, un entier ou false | La largeur maximum du popup en pixels. Si false le popup s'agrandi pour s'adapter au contenu. |
popupInitialWidth | un entier ou false | La largeur initial du popup en pixels. Si false le popup s'adapte au contenu initiale. |
popupEditCounterTool | "kate", "interiot", "perso" | L'édit counter utilisé, choix entre Kate's tool, Interiot's tool ou une url perso définie par popupEditCounterUrl. |
popupEditCounterUrl | "" | L'url pour un édit counter peso. Vous pouvez utiliser ces paramètres dans l'url: $1 sera remplacer par le nom d'utilisateur, et $2 par le nom de la base de données (par exemple, frwiki_p). |
popupDragHandle | false, 'popupTopLinks', ... | Le nom d'un élément par lequel le popup peut être déplacé sans maintenir shift enfoncé. Si false, le popup peut être déplacé avec la touche shift. |
popupAdjustDates | true, false | Si true, les dates de l'historique, diff et contributions d'utilisateur sont ajustées avec vos préférences d'utilisateur. |
popupThumbAction | "imagepage", "sizetoggle", "linkfull" | Ceci contrôle ce qui se passe quand vous cliquez sur une image dans la prévisualisation. "imagepage" vous amène sur la page de l'image (et génére un sous popup quand vous passez sur l'image), tandis que le popup est généré pour la page de l'image; "sizetoggle" signifie que l'image est retaillée lors du clic, et "linkfull" signifie que l'image point directement vers l'image en taille réelle.
|
Édition du résumé | [édit] | |
popupRevertSummary | une chaîne de caractère | Résumé utilisé lors d'une révocation et non un résumé de son choix (voir ci-dessous). Le premier %s à apparaître dans la chaîne de caractère est remplacé par la version ID de la page en train d'être révoquée. |
popupRevertSummaryPrompt | true, false | Si true, vous pourrez changer le résumé par défaut à chaque révocation. |
popupQueriedRevertSummary | une chaîne de caractère | Résumé utilisé lors d'une révocation en utilisant "the query interface" pour obtenir les informations sur de la révocation. $1, $2, $3 dans la chaîne de caractère sont remplacés par la version ID, la date et l'utilisateur de la version en train d'être révoquée. |
popupQueriedRevertToPreviousSummary | une chaîne de caractère | Résumé utilisé lors d'une révocation en utilisant le lien diff présent sur la page de contributions d'un utilisateur et en utilisant " the query interface" pour obtenir des informations sur la révocation. $1, $2, $3 dans la chaîne de caractère sont remplacés par la version ID, la date et l'utilisateur de la version actuelle après la révocation. |
popupFixRedirsSummary | une chaîne de caractère | Résumé utilisé lors de la réparation d'une redirection. Le premier %s à apparaître dans la chaîne de caractère est remplacé par la page de redirection, et le second %s par la page cible. |
popupFixDabsSummary | une chaîne de caractère | Résumé utilisé lors de la modification d'un lien vers une page d'homonymie. Le premier %s à apparaître dans la chaîne de caractère est remplacé par la page d'homonymie, et le second %s par la page cible. |
popupRedlinkSummary | une chaîne de caractère | Résumé utilisé lors de la suppression de liens rouge. Le premier %s à apparaître dans la chaîne de caractère est remplacé par le nom du lien rouge.
|
Options de prévisualisation | [édit] | |
popupHistoryPreviewLimit | un entier, 25 | Prévisualise au maximum ce nombre de modifications en partant du haut le page d'historique. |
popupCategoryMembers | true, false | Affiche ou non les membres des catégories. |
popupPreviewHistory | true, false | Affiche ou non la prévisualisation des liens vers la page d'historique. |
popupContribsPreviewLimit | un entier, 25 | Prévisualise au maximum ce nombre de contributions. |
popupPreviewKillTemplates | true, false | Si true, les modèles contenus dans un article sont enlevés de la prévisualisation; sinon, ils sont affichés en ligne wiki. |
popupPreviewRawTemplates | true, false | Si true, les modèles (pages modèle : namespace) sont prévisualisés entièrement en ligne wiki; sinon, une tentative est faite pour les afficher. |
popupPreviewFirstParOnly | true, false | Si true, les prévisualisations sont restreintes au premier paragraphe d'un article. |
popupMaxPreviewSentences | un entier, 4 | Nombre maximum de phrases extraites de l'article et affichées. |
popupMaxPreviewCharacters | en entier, 600 | Nombre maximum de caractères extraits de l'article et affichés.
|
Options techniques | [édit] | |
popupNavLinkSeparator | string, ' ⋅ ' |
HTML inséré entre liens de navigation. Par défaut ' • ' dans Konqueror et ' · ' dans les navigateurs Microsoft, ils n'apparaîssent pas comme le caractère ⋅. |
popupAppendRedirNavLinks | true, false | Si true, une nouvelle série des liens de navigation est générée pour les cibles des redirections; si false, vous serez averti de la redirection mais aucun lien de navigation ne sera généré. N'a aucun effet si popupNavLinks est paramétré en false. |
removeTitles | true, false | Les titres (conseiller par défaut) des liens sont déplacés dans le lien principal du popup si la valeur est true. Si c'est false ils ne le seront pas. |
popupLazyDownloads | true, false | Si true, les téléchargements n'ont pas lieu avant que le popup ne s'affiche. Si false, ils démarrent dès que la souris passe sur un lien. |
popupLazyPreviews | true, false | Si true, les prévisualisations n'ont pas lieu avant que le popup ne s'affiche. Si false, elles sont générées dès que les données nécessaire sont disponible.
|
Options expérimentales | [édit] | |
Les options suivantes ne sont pas encore testées et/ou documentées : popupCookies, popupExtraUserMenu, popupLinksNewWindow, popupHistoryLimit, popupDiffDatePrinter, popupExtendedRevertSummary, popupTimeOffset, popupPreviewCutHeadings. |
*Les valeurs par défaut sont affichées en gras.
Beaucoup d'options peuvent être ajoutées, les propositions sont les bienvenues.
[modifier] Personnalisation avancée
Vous pouvez définir des filtres pour les articles. Il y a des fonctions javascript qui sont exécutées après que les pages statiques soient générées, leur rendu est affecté (en HTML) à cette partie du popup. (Notez que si simplePopups est affecté en true ou que popupSummaryData est affecté en false, rien ne sera affiché).
Grâce à cela, il est possible d'écrire une fonction filtre qui accepte une chaîne de caractère (le texte wiki de l'article) en entrée, et retourne en fragment en HTML. Répétez l'opération pour autant de filtre que vous le souhaitez, et ensuite créez un tableau extraPopupFilters qui contienne toutes ces fonctions, dans l'ordre dans lequel vous souhaitez qu'elles se lancent.
Par exemple, si vous voulez être averti à chaque fois que le texte d'un article contient un tableau écrit avec une balise HTML (table) plutôt qu'une balise wiki : une manière de le faire est d'ajouter les lignes suivantes à votre fichier javascript :
// Initialisation du tableau - ne le faire qu'une fois extraPopupFilters=[]; // définition de la fonction function popupFilterHtmlTable (wikiText) { if (/<table/i.test(wikiText)) return '<table>'; else return ''; }; // ajouter la fonction au tableau (vous pouvez répéter ceci pour plusieurs fonctions) extraPopupFilters.push(popupFilterHtmlTable);
Ensuite quans le popup est affiché pour une page contenant un tableau HTML (table), vous verrez <table> dans la fenêtre. (Ceci apparaîtra aussi pour d'autres pages, comme celle-ci. La correction de ce « bug » est laissée en tant exercice pour le lecteur).
[modifier] Traductions
Voir cette page pour les traductions du popup et pour les traductions de cette page dans d'autres langues. Vous trouverez également les instructions pour créer vous même une traduction.
[modifier] Problèmes de navigateur
[modifier] Safari
Certains ont constaté que Safari se plante régulièrement en utilisant ce script. Lupin voudrait savoir si c'est encore le cas ou pas, et serait ravi d'avoir de l'aide pour résoudre ce problème.
Les menus ne fonctionnent pas correctement avec les dernières versions de Safari. Utiliser Webkit nightly build peut permettre de les faire fonctionner, mais notez que WebKit nightly est instable.
[modifier] Opera
Les anciennes versions ont des bugs qui empêchent les menus de fonctionner correctement. Utilisez la version courante (9.0 ou supérieur) fera fonctionner les menus, mais quelques problèmes subsistent.
[modifier] Améliorations
Bugs, problèmes, suggestions et développement : Lupin, merci.
Lupin a créé une page pour lister les pages avec une prévisualisation incorrecte.
[modifier] Version en développement
Cet outil reste en développement. La dernière version est disponible ici en:User:Lupin/popupsdev.js et montre les nouvelles améliorations avant une version stable. Rapellez-vous qu'elle ne fonctionne pas tout le temps. Si vous voulez l'installer, vous pouvez taper :
{{subst:js|User:Lupin/popupsdev.js}}
dans votre monobook.js et supprimer la version courante de ce même fichier.
[modifier] Voir aussi
- en:Wikipedia:Easy navigation – Proposed guideline
- Help:User style – Customize Wikipedia page layout
[modifier] Crédits et liens externes
Cet outil dépend du travail d'autres personnes :
- en:User:Pilaf/InstaView (née Live Preview) de Pilaf
- une fonction hash MD5 de Paul Johnston et autres, disponible ici
- domdrag de Aaron Boodman
- une implémentation d'un algorithm de diff de John Resig
Anciennes versions utilisées de l'outil overlib de Erik Bosrup.
[modifier] Wikipédiens ayant aidé
- Brian0918 - un peu de code et beaucoup d'inspiration
- Eddideigel - traduction
- IceKarma - annulation du code de téléchargement, meilleur utilisation de la bande passante
- Mike Dillon - le code de l'historique
- Yurik - avec son fantastique mediawiki BotQuery extension
- Zocky - les menus
- Zyxw - prévisualisation
- ....et beaucoup d'autres avec des suggestions, des commentaires et des rapports de bugs