Discussion utilisateur:Dr Brains/SkinManager.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


SKINMANAGER

Fonctions modifier

  • Firefox 3.5 et Monobook : OK
  • Firefox 3.5 et Moderne : OK
  • Firefox 3.5 et Vector : OK
  • Internet Explorer 7 et Monobook : Ne marche pas
  • Internet Explorer 7 et Moderne : Ne marche pas
  • Internet Explorer 7 et Vector : Ne marche pas

Personnalisation modifier

Ajouter un lien ou une fonction modifier

Il est possible de rajouter un lien et/ou du texte avec la fonction addLinkToSkinManager( 'TEXTE' , 'URL' , 'TEXTE POP-UP' , 'TEXTE AVANT' , 'TEXTE APRES' , POSITION )

Il est possible d'utiliser la même fonction pour déclencher une fonction javascript lors du clic sur le lien.

Paramètres modifier

  • 'TEXTE' : texte du lien (obligatoire)
  • 'URL' : page cible ou fonction (obligatoire)
  • 'TEXTE POP' : texte de la pop-up du lien (facultatif, par défaut 'URL')
  • 'TEXTE AVANT' : texte inséré avant le lien (facultatif, rien par défaut)
  • 'TEXTE APRES' : texte inséré après le lien (facultatif, rien par défaut)
  • 'POSITION' : position du lien (facultatif, 0 par défaut)

Exemple modifier

importScript('Utilisateur:Dr Brains/SkinManager.js');

window.personnaliseSkinManager = function(){
 
      addLinkToSkinManager( 'Mon lien' , 'Spécial:Ma page/monobook.js' , 'Ma page javascript (monobook)' , ' ( - ' , ' - ) ' , 0 );
      addLinkToSkinManager( 'Ma fonction' , 'javascript:maFonction();' , 'Fonction pop-up qui ne sert à rien.' , ' ( + ' , ' + ) ' , 1 );
 
}
$(personnaliseSkinManager);
 
window.maFonction = function(){
     alert('Cette fonction ne sert à rien !!');
}

Le compte des positions commence à 0. Si la position donnée est plus grande que le nombre de liens, le nouveau lien est inséré en dernière position.

Styles modifier

Le cadre est un élément HTML <div> dont la classe CSS est "Skin_Manager". Il est possible de modifier le style de cette classe et de son contenu via la page monobook.css (ou autre suivant l'habillage).

Exemple modifier

.Skin_Manager {
border:2px dotted red;
font-size:1.8em;
text-align:center;
padding:0.5em;
margin-top:1em;
margin-bottom:0.5em;
-moz-border-radius:0.8em;
}


CODE SOURCE modifier

Retour à la page de l’utilisateur « Dr Brains/SkinManager.js ».