Script Greasemonkey pour Firefox et le site Experts-Exchange

Si vous faites des recherches dans votre moteur de recherche préféré concernant des sujets informatiques, il y a de fortes chances que vous ayez un jour été confrontés au site experts-exchange.com

Ce site se présente comme un site de questions-réponses, mais il a la facheuse tendance afficher la question en début de page et les réponses en fin de page après environ « 50″ coups de molettes pour scroller…

Un exemple :

(La question est au niveau du premier rectangle rouge et les réponses dans le deuxième)

Le salut vient d’une extension Firefox, nommé GreaseMonkey qui permet de modifier le comportement d’une page web en associant un script JavaScript au chargement de celle-ci (wikipedia).

Voici sa page sur le site addons.mozilla.org : Greasemonkey

Un fois installée, un petit singe apparait dans la barre d’état de Firefox, cliquer droit dessus et choisir « Nouveau script » (ou aller dans Outils > Greasemonkey > Nouveau script …)

Renseigner la fenêtre suivante comme suit :

Lorsque vous cliquez sur OK, un éditeur s’ouvre (notepad chez moi sous Windows).

Coller le script ci-dessous (l’en-tête devrait être déjà présente, initialisée avec les donnée précédemment saisies) :

// ==UserScript==
// @name           Experts-Exchange
// @namespace      All
// @description    Clean Up ExpertsExchange
// @include        http://www.experts-exchange.com/*
// @include        http://experts-exchange.com/*
// ==/UserScript==
 
// Add jQuery
 var GM_JQ = document.createElement('script');
 GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
 GM_JQ.type = 'text/javascript';
 document.getElementsByTagName('head')[0].appendChild(GM_JQ);
 
// Check if jQuery's loaded
 function GM_wait() {
 if(typeof unsafeWindow.jQuery == 'undefined') { window.setTimeout(GM_wait,100); }
 else { $ = unsafeWindow.jQuery; letsJQuery(); }
 }
 GM_wait();
 
// All your GM code must be inside this function
 function letsJQuery() {
 $(".blurredAnswer, .relatedSolutions, .allZonesMain, .qStats, .lightImage, .ontopBanner, .adSense, .startFreeTrial, div#pageRight, #relatedSolutions20X6").remove();
 
 $(".sectionTwo:first").after('<h2><a style="color: #ee6600;" href="#theanswer">Skip To The Accepted Solution &gt;&gt;</a></h2><br />');
 $(".acceptedHeader").before('<a id="theanswer" name="theanswer"></a>');
 
 }

Enregistrer les modifications et fermer l’éditeur.

Si vous cliquer droit sur la tête du singe et sélectionnez « Gérer les scripts » vous devriez voir votre nouveau script :

Il ne vous reste plus qu’a retourner sur une question experts-exchange pour constater la différence :

Sources :

ExpertsExchange Greasemonkey Script

image par Leo Reynolds sous CC by-NC-SA