Découverte de Greasemonkey & premier script : NooPicasaWeb

Jun 202009

Il y a quelque temps déjà, on m’avait parlé de Greasemonkey, un plugin de Firefox qui permet de manipuler les pages web que l’on affiche, moyennant un peu de code javascript.

Et il s’avère que je trouve dommage que, dans l’affichage par défaut de PicasaWeb, la couleur “blanche” du fond de la page n’aide pas à mettre en valeur les photos affichées.
Petit regret aussi, le panneau à droite qui affiche les “informations” de la photo soit par défaut minimisé.

Pour illustrer ces critiques, voilà un screenshot de l’interface de picasaweb :

J’ai donc installé Greasemonkey et réalisé mon premier script, qui permet de changer la couleur de fond, et d’afficher tout le temps le panneau des informations de la photos.

// ==UserScript==
// @name           NooPicasaWeb
// @namespace      nicogiard
// @include        http://picasaweb.google.com/*
// ==/UserScript==
 
function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}
 
addGlobalStyle('.lhcl_content, .lhcl_googlephotos_body .lhcl_toolbar { background-color:#F3F3F3; }');
 
addGlobalStyle('.lhcl_exifoff {display:block;}');