Discussion utilisateur:Dr Brains/GlobalSkinManager.js

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

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

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

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

Navigateur modifier

  • Mozilla Firefox 3.5 : Fonctionne
  • Autres navigateurs : non testé.

Installation modifier

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

Paramètres modifier

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

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

Remarque modifier

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>'
  },
Retour à la page de l’utilisateur « Dr Brains/GlobalSkinManager.js ».