1. Smart Bookmarks

1.1 Introduction aux Smart Bookmarks

Des signets intelligents, les Smart Bookmarks marquent l'évolution du navigateur web; ils transforment ce dernier en outil de requêtes personnalisé. Comment s'en servir? En exploitant la barre de navigation du navigateur web.

Utilisée pour taper des adresses web, parfois aussi des mots-clefs. Les Smart Bookmarks rentabilisent cette barre de navigation.

Combien de visites par jour à un engin de recherche web, simplement pour y taper quelques mots? Un Smart Bookmark permet d'obtenir les résults de recherche en une seule étape. Une recherche du mot « tempo » sur Google : Inscrire le mot-clef « gg » (pour Google), puis l'expression à chercher :

1.2 Que se passe-t-il lors d'une recherche sur Google?

Lorsque le mot « tempo » est inscrit dans le formulaire de Google, celui-ci redirige vers une page de résultats; page web dont l'URI se présente comme « http://www.google.com/search?q=tempo ». Le mot-clef se retrouve dans l'adresse web - voilà tout le secret des Smart Bookmarks dévoilé au grand jour!

1.3 Comment entrer un Smart Bookmark dans un fureteur web?

Petite mise en garde pour commencer : ni Internet Explorer ni Netscape 4.x ne supportent les Smart Bookmarks (et voilà une raison suffisante pour ne plus les utiliser). Mozilla et ses enfants (Netscape, Galeon, Skipstone, Firefox), Opera, Konqueror, Links (et ELinks) les supportent.

Sous Mozilla, en ajoutant un signet et en y observant les propriétés, trois champs intéressants apparaissent : « Nom », « Adresse web » et « Mot-clef ». La boîte de dialogue ressemble à :

Le « %s » sera remplacé par les mots tapés à la suite du mot-clef. Pourquoi choisir « gg »? arbitraire. Rapide à taper et facile à mémoriser.

Sous Konqueror, la méthode pour ajouter des Smart Bookmarks diffère un peu de celle de Mozilla : ils s'inscrivent à même le panneau de configuration du navigateur, sous la rubrique « Raccourcis web ». Avec le navigateur Opera, les Smart Bookmarks se retrouvent aussi dans le panneau de configuration. Cependant, pour ajouter ou modifier ceux-ci, il faut passer par une édition du fichier « search.ini ». Même détour pour Links et ELinks; dans ce cas il s'agit du fichier « lua.cfg ».

Maintenant, lors d'une recherche du mot « papillon » dans Google, au lieu d'inscrire « www.google.com » dans la barre de navigation, il ne suffit que d'écrire « gg papillon ». Terminé!

1.4 La vie après Google

La plupart des sites web utilisant des formulaires de recherche peuvent être convertis en Smart Bookmarks en appliquant le raisonnement explicité plus haut. Simplement trouver où les mots-clefs sont placés dans l'adresse web de la page de résultats et remplacer par « %s » comme pour l'exemple de Google.

2. Bookmarklets

2.1 Introduction aux Bookmarklets

Comme les Smart Bookmarks, les Bookmarklets s'utilisent comme de vulgaires signets; certaines personnes les appellent plutôt des Favelets. Les Bookmarklets utilisent des scripts - généralement en langage ECMAScript ou Javascript - permettant entre autres diverses transformations sur une page web en cours de visite. Ainsi, d'un clic il devient possible de changer toutes les couleurs d'une page, de reclasser des tableaux ou encore d'obtenir la liste des « cookies » stockés par un site web. Les possibilités dépassent l'imagination!

2.2 Exemple de Bookmarklet

Parfois certains formulaires ne fonctionneront pas avec la manière décrite au point 1.3. La raison la plus probable : le formulaire « défectueux » utilise la méthode « POST » plutôt que « GET ». Où se trouve la différence? avec un formulaire « POST », les variables passées ne font pas partie de l'URI. En simulant une page de formulaire complète à l'aide de Javascript, il devient possible de contourner le problème. Ce Bookmarklet, par exemple, traduit une phrase française en anglais, en utilisant le traducteur de Google (normalement tout en une ligne, ici décomposé pour faciliter la compréhension) :

javascript: (
  function() {
    document.open();                                        //  Vide la page courante du navigateur
    uri      = 'http://translate.google.com/translate_t';   //  URI de destination pour le POST
    f        = document.createElement('form');              //  Création d'un formulaire
    f.method = 'post';                                      //    de type POST
    f.action = uri;                                         //    utilisant l'URI donné plus haut
    i0       = document.createElement('input');             //  Création d'un champ
    i0.type  = 'text';                                      //    de type textuel
    i0.name  = 'text';                                      //    qui s'appelle "text"
    i0.value = '%s';                                        //    qui prend pour valeur ce qui est
                                                            //      donné dans la barre de navigation
    i1       = document.createElement('input');             //  Création d'un 2e champ
    i1.type  = 'hidden';                                    //    de type caché
    i1.name  = 'langpair';                                  //    qui s'appelle "langpair"
    i1.value = 'fr|en';                                     //    qui prend pour valeur "fr|en", ce 
                                                            //      que Google comprend comme
                                                            //      "traduire de français à anglais"
    f.appendChild(i0);                                      //  Attache le premier champ au formulaire 
    f.appendChild(i1);                                      //  Attache le deuxième champ au formulaire
    b        = document.createElement('body');              //  Création d'un élément <body>
    b.appendChild(f);                                       //  Attache le formulaire au <body>
    h        = document.getElementsByTagName('html')[0];    //  Détermination du point d'ancrage du <body>
    h.appendChild(b);                                       //  Attache le <body> à la page courante
    f.submit();                                             //  Soumet le formulaire
  }
)()

La lecture du code précédent peut effrayer; en réalité, il s'agit toujours du même principe lorsqu'on doit envoyer des donnés via la méthode « POST ». Typiquement, les champs et le URI doivent être remplacés, point final.

2.3 Particularités

2.3.1 Internet Explorer

La longueur d'un signet pour Internet Explorer ne doit pas dépasser 508 caractères; cette limite ridicule peut se contourner en utilisant un script externe :

javascript: void (
  (
    function() {
      var element = document.createElement('script'); 
      element.setAttribute('src', 'http://www.example.com/script.js'); 
      document.body.appendChild(element);
    }
  )()
) 
    

Internet Explorer ne supporte pas non plus l'utilisation de la barre de navigation pour déclencher les bookmarklets; seuls les scripts contenus en eux-mêmes peuvent fonctionner, comme dans le cas de Konqueror.

2.3.2 Konqueror

Bien que les bookmarklets peuvent fonctionner sous Konqueror en les insérant dans la section « Minitools », ce navigateur ne permet pas l'utilisation de la barre de navigation pour déclencher les bookmarklets, empêchant l'utilisation de cette dernière pour des recherches. Un contournement pourrait consister à générer par ECMAScript une fenêtre de dialogue lors de l'appel du bookmarklet, mais prise au long toute la procédure prend davantage de temps qu'elle n'en économise.

2.3.3 Opera

Via le fichier « search.ini » existe un paramètre pour utiliser la méthode « POST » - alors le tour de passe-passe utilisant ECMAScript plus haut devient inutile. Heureusement, car Opera ne supporte pas la méthode document.open de toute manière.

2.4 Où trouver des Bookmarklets?

Quelques sites offrant des bookmarklets, de l'utile à l'agréable :

• Jesse's Bookmarklets Site
• Bookmarklets Site
• Sam-I-Am : Bookmarklets

3. Téléchargement de Bookmarklets et de Smart Bookmarks

Cette archive comprend les Smart Bookmarks et Bookmarklets listés plus bas, prêts à l'utilisation :

• Version Firefox/Mozilla/Netscape :

  Méthode pour Firefox, la procédure pour Mozilla/Netscape part du même principe. Sauvegarder ce fichier, aller dans le menu « Marque-pages » puis dans le sous-menu « Gérer les marque-pages ». Dans cette nouvelle fenêtre, parcourir le menu « Fichier », puis choisir « Importer ». Choisir l'option « Fichier » puis sélectionnez le fichier sauvegardé et voilà, les Smart Bookmarks et les Bookmarklets deviennent disponibles à l'utilisation.

• Version Konqueror :

  Parce que Konqueror utilise un fichier différent par smart bookmark et que la barre de navigation ne peut pas déclencher les bookmarklets, la méthode pour entrer les Smart Bookmarks à la main prend beaucoup moins de temps qu'un téléchargement et une procédure en 12 points.

• Version Opera :

  Sauvegarder ce fichier, et avec un éditeur de texte réunir ce fichier téléchargé avec le fichier « search.ini » se trouvant dans le répertoire personnel usager. Noter que les entrées [Search Engine N] doivent utiliser des nombres consécutifs alors peut-être faudra-t-il les adapter.

• Version ELinks :

  Sauvegarder ce fichier, et avec un éditeur de texte réunir ce fichier téléchargé avec le fichier « lua.cfg » se trouvant dans le répertoire personnel usager. Noter les bookmarklets non-inclus dans le paquetage, à cause du support ECMAScript primitif de ELinks.