« Utilisateur:Zibeline/Scripts » : différence entre les versions

De Scoutopedia
(Page créée avec « Pour ce faciliter la vie, il est parfois pratique d'utiliser des petits scripts. Je partagerais ici les scripts que j'ai écrits avec une petite "notice d'utilisation" pou... »)
 
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
Pour ce faciliter la vie, il est parfois pratique d'utiliser des petits scripts. Je partagerais ici les scripts que j'ai écrits avec une petite "notice d'utilisation" pour que tout le monde puisse en profiter.
Pour ce faciliter la vie, il est parfois pratique d'utiliser des petits scripts. Je partagerais ici les scripts que j'ai écrits avec une petite "notice d'utilisation" pour que tout le monde puisse en profiter.
'''Remarque: ces scripts ne modifient que l'apparence pour votre compte d'utilisateur, l'utilisation de ces scripts n'aura aucun impact sur les autres utilisateurs !'''


= Comment installer / utiliser un script =
= Comment installer / utiliser un script =
Ligne 8 : Ligne 12 :


=Quelques scripts=
=Quelques scripts=
[a completer]
 
Voici quelques scripts que j'ai écrits pour faciliter l'utilisation sur Scoutopedia.
 
Vous pouvez bien évidemment les utiliser, les modifier, les améliorer, ... N'hésiteez pas à utiliser la [[Discussion_utilisateur:Zibeline/Scripts|page de discussion]] pour partager vos scripts ou poser vos questions.
 
==Navigation==
 
Les scripts dans cette section permettent d'améliorer la navigation sur Scoutopedia.
 
===Menu principal personnalisé===
 
Ce script permet d''''ajouter des liens''' dans le '''menu principal''' ''(à gauche de l'écran)''.
 
 
'''Script a copier-coller'''
 
<pre>
// Script "Menu principal personnalisé" - Ajoute un lien dans le menu principal
try {
var menu = document.getElementById('p-Navigation').getElementsByTagName('ul')[0];
// ***** Partie à modifier *****
menu.innerHTML += '<li><a title="Afficher un chant au hasard" href="/index.php?title=Spécial:RandomInCategory&category=Chant">Chant au hasard</a></li>';
} catch(err) { }
</pre>
 
 
'''Pour personnaliser ce script'''
 
Pour personnaliser ce script, il faut modifier la ligne qui se trouve après ''"Partie à modifier"'' :
 
<pre>menu.innerHTML += '<li><a title="[titre]" href="[url]">[texte]</a></li>';</pre>
 
* '''[titre]''' : Texte qui s'affiche quand on pointe la souris sur le lien
* '''[url]''' : Adresse vers laquelle pointe le lien ''(dans l'exemple au dessus, le lien pointe vers une page au hasard dans la catégorie chant, autrement dit, vers un chant au hasard)''
* '''[texte]''' : Texte du lien, le texte qui sera affiché dans le menu et sur lequel on pourra cliquer
 
Vous pouvez ajouter '''autant de liens que vous voulez''', il suffit de dupliquer la ligne à modifier.

Version du 11 janvier 2014 à 16:12

Pour ce faciliter la vie, il est parfois pratique d'utiliser des petits scripts. Je partagerais ici les scripts que j'ai écrits avec une petite "notice d'utilisation" pour que tout le monde puisse en profiter.


Remarque: ces scripts ne modifient que l'apparence pour votre compte d'utilisateur, l'utilisation de ces scripts n'aura aucun impact sur les autres utilisateurs !


Comment installer / utiliser un script

Pour utiliser des scripts JavaScript, deux possibilités :

  • Mettre le script dans votre fichier JavaScript personnel. Vous trouverez ce fichier à l'adresse Utilisateur:[votre nom d'utilisateur]/common.js
  • Utiliser une extension de scripts tel que GreaseMonkey (je développerais son utilisation à l'occasion, même si je pense que la première méthode est bien plus efficace)

Quelques scripts

Voici quelques scripts que j'ai écrits pour faciliter l'utilisation sur Scoutopedia.

Vous pouvez bien évidemment les utiliser, les modifier, les améliorer, ... N'hésiteez pas à utiliser la page de discussion pour partager vos scripts ou poser vos questions.

Navigation

Les scripts dans cette section permettent d'améliorer la navigation sur Scoutopedia.

Menu principal personnalisé

Ce script permet d'ajouter des liens dans le menu principal (à gauche de l'écran).


Script a copier-coller

// Script "Menu principal personnalisé" - Ajoute un lien dans le menu principal
 
try {
	var menu = document.getElementById('p-Navigation').getElementsByTagName('ul')[0];
 
	// ***** Partie à modifier *****
	menu.innerHTML += '<li><a title="Afficher un chant au hasard" href="/index.php?title=Spécial:RandomInCategory&category=Chant">Chant au hasard</a></li>';
} catch(err) { }


Pour personnaliser ce script

Pour personnaliser ce script, il faut modifier la ligne qui se trouve après "Partie à modifier" :

menu.innerHTML += '<li><a title="[titre]" href="[url]">[texte]</a></li>';
  • [titre] : Texte qui s'affiche quand on pointe la souris sur le lien
  • [url] : Adresse vers laquelle pointe le lien (dans l'exemple au dessus, le lien pointe vers une page au hasard dans la catégorie chant, autrement dit, vers un chant au hasard)
  • [texte] : Texte du lien, le texte qui sera affiché dans le menu et sur lequel on pourra cliquer

Vous pouvez ajouter autant de liens que vous voulez, il suffit de dupliquer la ligne à modifier.