• Français
  • English

Smart Bookmarks
Bookmarklets

  1. Smart Bookmarks
    1. Introduction aux Smart Bookmarks
    2. Que se passe-t-il lors d'une recherche sur Google?
    3. Comment entrer un Smart Bookmark dans un fureteur web?
    4. La vie après Google
  2. Bookmarklets
    1. Introduction aux Bookmarklets
    2. Exemple de Bookmarklet
    3. Particularités
      1. Internet Explorer
      2. Konqueror
      3. Opera
    4. Où trouver des Bookmarklets?
  3. Téléchargement de Bookmarklets et de Smart Bookmarks

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.

Barre de navigation

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 :

Barre de navigation

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 à :

Propriétés d'un signet

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 :

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 :

Smart Bookmarks
RaccourciNom de l'engin
Description
Lien encodé
ajAsk Jeeves
Recherche de sites web sur le moteur ask.com
albumAMG - Album
Recherche de titres d'albums musicaux sur le site allmusic.com
artisteAMG - Artiste
Recherche de noms d'artistes musicaux sur le site allmusic.com
atwAllTheWeb
Recherche de sites web sur le moteur alltheweb.com
avAltaVista
Recherche de sites web sur le moteur altavista.com
carteCarte Yahoo
Recherche d'une carte géographique par code postal canadien
cpanCPAN
Recherche de modules CPAN pour le langage Perl
cssValidateur CSS W3C
Validation CSS de l'URI fourni
dicteDictionary.com
Recherche d'un mot dans le dictionnaire anglophone
fmfreshmeat
Recherche de logiciels sur le site freshmeat.net
gdGrand Dictionnaire (Français)
Recherche par mot-clef en français dans le Grand Dictionnaire Terminologique
gdeGrand Dictionnaire (English)
Recherche par mot-clef en anglais dans le Grand Dictionnaire Terminologique
ggGoogle Search
Recherche de sites web sur le moteur google.com
ggdGoogle Define
Recherche de définitions dans Google Define
gggGoogle Groups
Recherche de forums sur le moteur google.com
ggiGoogle Images
Recherche d'images sur le moteur google.com
gglGoogle Search Linux
Recherche de sites web sur le moteur google.com, section Linux
ggmGoogle Maps
Recherche d'une coordonnée sur Google Maps (utiliser longitude,latitude comme paramètre)
ggmoGoogle Movie
Recherche dans dans Google Movies
gsGoogle Scholar
Recherche d'articles scolaires sur le moteur scholar.google.com
htmlValidateur (X)HTML W3C
Validation (X)HTML de l'URI fourni
icqwww.icq.com
Recherche d'information à partir d'un numéro ICQ
ldliendex
Recherche dans l'engin Liendex - langue française
ldeliendex
Recherche dans l'engin Liendex - langue anglaise
mwMarion Webster Online
Recherche de définitions de mots en anglais
mysqlmysql.com
Recherche dans le manuel MySQL
pieceAMG - Pièce
Recherche de titres de pièces musicales sur le site allmusic.com
telreversephonedirectory.com
Recherche d'un nom à partir d'un numéro de téléphone à 10 chiffres
whatisNetcraft
Recherche d'information sur la configuration d'un nom de domaine
wkWikipédia francophone
Recherche d'entrées dans l'encyclopédie Wikipédia francophone
wkeWikipédia anglophone
Recherche d'entrées dans l'encyclopédie Wikipedia anglophone
wrWordreference
Recherche de définitions de mots en anglais
wrefWordreference - traduction de l'anglais au français
Traduction sur l'engin Wordreference
wrfrWordreference - traduction du français à l'anglais
Traduction sur l'engin Wordreference
yahooYahoo
Recherche de sites web sur le moteur yahoo.com
Bookmarklets
RaccourciNom de l'engin
Description
Lien encodé
en2frGoogle Translate (English / Français)
Traduction de l'anglais au français via Google Translate
fr2enGoogle Translate (Français / English)
Traduction du français à l'anglais via Google Translate
maslMake A Shorter Link
Crée un URI plus court à partir d'un long URI
phpphp.net
Retourne l'information du manuel sur une fonction PHP
sfsourceforge.net
Recherche de logiciels sur le site sourceforge.net
whoisAllWhois.com
Retourne l'information WHOIS sur un nom de domaine

Smart Bookmarks et Bookmarklets

Création : 5 mai 2002
Villeray
N 45° 33′ W 73° 36′

Smart Bookmarks et Bookmarklets

Dernière mise à jour : 21 septembre 2007,
Villeray,
N 45° 33′ W 73° 36′