Stratégie technologique
Conseil et Solutions



Jérémie et Grégory de l’équipe technique de Devolia vous proposent désormais chaque semaine un article techno sous forme de tutoriel, avec de vrais morceaux de code à l’intérieur !

Firefox

Firefox nous offre de nombreuses possibilités de développements permettant de l’améliorer, et de l’adapter à divers besoins.

Quelques petites astuces peuvent être très utiles, et simples à réaliser : je vais vous expliquer comment ajouter le moteur de recherche de votre site – ou blog – à la barre de navigation de Firefox, afin de pouvoir effectuer une recherche sur votre site de la même façon que lorsque vous effectuez une recherche sur Google !

Pour cela, nous aurons besoin d’un seul simple fichier de quelques lignes seulement…

Code
:

<search name= »NOM_DU_SITE » method= »GET » action= »URL_DU_SITE » queryCharset= »utf-8″ >

<input name= »search » user>
<input name= »CHAMP_DE_RECHERCHE » value= »{searchTerms} »>
</search>

Légende :

  • NOM_DU_SITE : Le nom que vous voulez voir apparaître dans le champ de recherche
  • URL_DU_SITE : L’url de votre site, ou blog, ou du script de recherche…
  • CHAMP_DE_RECHERCHE : Le nom du paramètre utilisé par votre site pour effectuer la recherche. Par exemple, sous WordPress, CHAMP_DE_RECHERCHE doit être remplacé par un s

Ce fichier devra être enregistrer sous le nom de votre choix, avec l’extension .src.

Sachez que vous pouvez également spécifier une icône pour votre module, par exemple le favicon de votre site/blog. Cette image devra être au format .gif, d’une taille de 16×16 pixels. La seule contrainte est de donner le même nom que votre fichier .src à cette image. (Ex : fichier source devolia.src, image devolia.gif)

Ces deux fichiers maintenant prêts, votre module est créé !

Un script permet aux utilisateur d’installer le nouveau moteur de recherche en un simple clic. Il utilise une des propriétés de Firefox, afin d’utiliser la fonction d’ajout de moteur de recherche intégrée à ce navigateur.

Code :

<script type= »text/javascript »>
function addEngine(){

if ((typeof window.sidebar == « object ») && (typeof window.sidebar.addSearchEngine == « function »)) {
window.sidebar.addSearchEngine(

« http://blog.devolia.fr/wp-uploads/devolia.src »,
« http://blog.devolia.fr/wp-uploads/devolia.gif »,
« Blog Devolia »,
« 0″ );
} else {
alert(« Votre navigateur ne supporte pas ce Plugin. »);
}

}
</script>

Ce script peut-être simplement associé à un lien, qui déclenchera cette fonction, ou comme je vais vous présenter, un simple bouton d’action de type :

<input type= »button » onClick= »javascript:addEngine(); » value= »Ajouter SITE &agrave; mes moteurs de recherche » />

Ceci créé, un utilisateur ajoutera ce moteur de recherche en un simple clic, et pourra effectuer une recherche sur votre site directement depuis la barre de navigation Firefox.

Afin d’illustrer au mieux ce tutoriel, n’hésitez pas à cliquer ici ;-)

Jérémie Pereira

Bookmark and Share