Aller au contenu

Discussion utilisateur:Dr Brains/GlobalSkinManager.js

Le contenu de la page n’est pas pris en charge dans d’autres langues.
Bistro du jour
Guilde de la semaine
Oracle de la semaine
Bulletin des patrouilleurs du mois
BA de la semaine
Bulletin des bureaucrates
Commons
Cat Cabal
Une page de Wikipédia, l'encyclopédie libre.
Moi 
Moi
 Bla-bla 
Bla-bla
 Contributions 
Contributions
 Travaux 
Travaux
 Outils 
Outils
 Scripts 
Scripts
 Bot 
Bot
 Administration 
Administration
 Bureaucratie 
Bureaucratie
 Divers 
Divers


Archives Archives

Récompenses Récompenses

Ajouter


GlobalSkintManager.js permet de gérer l'habillage à la manière des gadgets, c'est à dire avec des cases à cocher.
Ce script est dérivé de Utilisateur:Dr Brains/GlobalScriptManager.js. Code original

Il est actuellement en phase de test.

Fonctionnement

[modifier le code]

Ce script ajout deux liens en haut à droite de la page :

  • Un lien vers la sous-page personnelle css du skin actif
  • Un lien permettant de lancer le skin manager (au-dessus ou au-dessous de la page suivant les cas).

Habillage

[modifier le code]

Il permet de gérer des scripts sur les habillages :

Pour le moment, seuls des tests sur monobook ont été effectués.

[modifier le code]
  • Mozilla Firefox 3.5 : Fonctionne
  • Autres navigateurs : non testé.

Installation

[modifier le code]

La méthode ci-dessous explique l'installation pour Monobook. C'est exactement la même méthode pour les autres skins.

Pour installer ce gestionnaire :

1. Copiez cette page dans Utilisateur:<votre nom>/GlobalSkinManager.js,
2. Configurer les paramètres comme expliqué ci-dessous.
3. Copiez le code suivant dans votre page Utilisateur:<VotreNom>/monobook.js en remplaçant MY_NAME par votre pseudo (x2) : [1]

document.write('<script type="text/javascript" src="http://fr.wikipedia.org/w' + 
               '/index.php?title=Utilisateur:MY_NAME/GlobalScriptManager.js&action=raw&ctype=text/javascript"></script>');

4. Rechargez le cache de votre navigateur et le script devrait s'activer,
5. Configurer l'affichage comme expliqué ci-dessous.

  1. ou vous pouvez ajouter ce script à votre Utilisateur:Dr Brains/GlobalScriptManager.js si il est installé


Configuration

[modifier le code]

Paramètres

[modifier le code]
Code
Commentaires
////////////////////////////// PARAMETRES /////////////////////////////

var cspEntryPage = 'Utilisateur:' + wgUserName.replace(/ /,"_") + '/' + cspSkin + '.js';                 
var cspEntryPagealt1 = 'Utilisateur:' + wgUserName.replace(/ /,"_") + '/' + cspSkinalt1 + '.js';
var cspEntryPagealt2 = 'Utilisateur:' + wgUserName.replace(/ /,"_") + '/' + cspSkinalt2 + '.js';
var cspEntryPagealt3 = 'Utilisateur:' + wgUserName.replace(/ /,"_") + '/' + cspSkinalt3 + '.js';
var cspEntryPagealt4 = 'Utilisateur:' + wgUserName.replace(/ /,"_") + '/' + cspSkinalt4 + '.js';
var cspEntryPagealt5 = 'Utilisateur:' + wgUserName.replace(/ /,"_") + '/' + cspSkinalt5 + '.js';
var cspEntryPagealt6 = 'Utilisateur:' + wgUserName.replace(/ /,"_") + '/' + cspSkinalt6 + '.js';
var cspEntryPagealt7 = 'Utilisateur:' + wgUserName.replace(/ /,"_") + '/' + cspSkinalt7 + '.js';
var cspEntryPagealt8 = 'Utilisateur:' + wgUserName.replace(/ /,"_") + '/' + cspSkinalt8 + '.js';

var cspCssMainScript = 'Utilisateur:' + wgUserName.replace(/ /,"_") + '/GlobalSkinManager.js';

var SiteURL = 'http://fr.wikipedia.org/wiki/'
var SiteURLbis = 'http://fr.wikipedia.org/w/index.php?title='
                                   
var cspCssRepos = 'Utilisateur:' + wgUserName.replace(/ /,"_") + '/';
var cspCssLinks = SiteURL + cspCssRepos ; 
                                 
var cspSummary = 'Mise à jour avec [[' + cspMainScript + ']]';  

var cspStartComment = '// jncsp-start';
var cspStartComment2 = ' La section ci-dessous est produite par le script : [[' + cspCssMainScript + ']]';
var cspConfigComment = '// jncsp-config';
var cspEndComment = '// jncsp-end';
  • SiteURL, SiteURLbis
    • Adresses du site
  • cspCssRepos :
    • Répertoire par défaut des pages personnelles css.
      • Par défaut : « Utilisateur:<votre nom>/ »
  • cspCssLinks :
    • Url du répertoire par défaut (pour les liens).
      • Par défaut : « <SiteURL><cspCssRepos> »
  • cspSummary :
  • cspStartComment, cspStartComment2, cspConfigComment, cspEndComment :
    • Commentaires ajoutés au css. Ne modifier éventuellement que cspStartComment2.

Affichage des scripts

[modifier le code]
Code
Commentaires
////////////////////////////// AFFICHAGE ////////////////////////////
cspFragments = [

{ desc: 'Comment ça marche ?', type: 2 },

{ desc: 'Insertion d\'une page personnelle', type: 3 },

  { id: 'setup-StylePerso', 
    page: cspCssRepos + 'StylePerso.css', 
    type: 0, 
    desc: '<a href=' + cspCssLinks + 'StylePerso.css>StylePerso</a>' 
  },

{ desc: 'Insertion d\'un code particulier', type: 3 },

  { id: 'setup-LiensRoses', 
    page: 'a {text-decoration: none;color:#ff00ff;background: none;}', 
    type: 1, 
    desc: 'Liens de couleur rose'
  },
 
{ desc: 'Générer le code', type: 2 },
{ desc: '<b>Note :</b>'
+ ' Après avoir publié la page, vous devrez forcer son rechargement pour voir les changements :' 
+ ' <b>Mozilla / Konqueror / Firefox / Opera</b> : <tt>Shift-Ctrl-R</tt>,'
+ ' <b>Internet Explorer</b> : <tt>Ctrl-F5</tt>,'
+ ' <b>Safari</b> : <tt>Cmd-R</tt>.', type: 8},
 
];
  • Rajoutez vos scripts en respectant la syntaxe :

{ id: 'setup-NOM_DU_CODE',
page: 'CODE_CSS',
type: 1,
desc: 'NOM_DU_CODE'
+ 'AUTRES COMMENTAIRES SI NÉCÉSSAIRE'
},

{ id: 'setup-NOM_DU_SCRIPT',
page: 'PAGE_PERSONNELLE.CSS',
type: 0,
desc: '<a href=URL_COMPLETE_DU_LIEN_VERS_LA_PAGE_PERSONNELLE.CSS>NOM_DU_SCRIPT</a>'
+ 'AUTRES COMMENTAIRES SI NÉCÉSSAIRE'
},

  • Rajoutez un chapitre ou du texte en respectant la syntaxe :

{ desc: 'TEXTE', type: TYPE },

  • Paramètres possibles :
    • id  : un identifiant unique, généralement le nom de la fonction principale
    • page : nom de la page où le script à inclure est stocké
    • type
      • 0 (défaut) : Le code sera recopié depuis une autre page css. (ne marche pas encore)
      • 1 : Le code copié est le contenu de la variable page
      • 2 : Titre de chapitre niveau 2
      • 3 : Titre de chapitre niveau 3
      • 4 : Titre de chapitre niveau 4
      • 5 : Titre de chapitre niveau 5
      • 6 : Titre de chapitre niveau 6
      • 8 : Texte normal (syntaxe HTML)
    • rev  : numéro de révision de la page (si inclusion d'une page archivée)
    • deps : liste des dépendances, à ignorer si il n'y en a pas
    • desc : description du code

Si après une modification le script ne fonctionne plus, il est fréquent que cela vienne d'une apostrophe ou d'un autre caractère problématique dans le texte que vous avez entré.
Afin que ces caractères soient interprétés comme du texte, il faut les faire précéder d'un « \ » ( Alt Gr 8 ).

La couleur du code peut aider à facilement repérer les erreurs. Notez par exemple la différence entre ces syntaxes :

Bon
Pas bon
  { desc: 'Insertion d\'une page personnelle', type: 3 },
  { desc: 'Insertion d'une page personnelle', type: 3 },
  { id: 'setup-StylePerso', 
    page: StylePerso.js', 
    type: 1, 
    desc: '<a href=' + cspGadgetsLinks + 'HotCats.js>HotCats</a>'
  },
  { id: 'setup-HotCats', 
    page: cspGadgetsRepos + HotCats.js', 
    type: 1, 
    desc: '<a href=' + cspGadgetsLinks + 'HotCats.js>HotCats</a>'
  },