Je vous avais parlé ici du service de Snap qui permet de générer des vignettes de sites sur les liens externes.

Bonne nouvelle aujourd'hui, je reçois un mail de leur part, indiquant que le service est disponible en français (et dans 9 autres langues), avec un générateur du code javascript très simple à utiliser.

Vous pouvez maintenant choisir la couleur, décider d'afficher ou non le moteur de recherche, afficher la vignette en grand format (déconseillé selon moi, car vraiment énorme), de mettre votre logo (pas testé) et d'afficher la vignette que pour les liens externes (c'est l'option "Liens externes de l’aperçu" dans les options avancés) ou que pour les liens internes ou les deux, et enfin de chargé le script à la fin du chargement de la page : Fortement conseillé pour ne pas géner les utilisateurs. De plus, en plaçant ce code à la fin du body, c'est tout bénéf.

Je me suis donc empressé de modifier le bout de script sur mon blog.

Au fait, vous pensez quoi de ce service ? Utile, nul, embêttant, indifférent ?

La dernière version de l'appli qui permet de gérer ses bases de données Web est sortie hier en Release.

Une des grandes nouveautés est le Concepteur (ou Designer en anglais) qui permet de faire du Reverse Enginnering d'un simple clic, pour obtenir le MCD de la base de données. Le premier avantage que j'y vois tout de suite : si les tables sont bien faites, avec les clés étrangères existantes, on pourra reprendre des bases de données de quelqu'un d'autre pour en extraire très simplement le MCD, et ainsi commencer à travailler dessus. Le second avantage est pour faire les clés étrangères facilement : en 3 clics, c'est réglé. Et c'est très intuitifs et bien traduit !

Pour ceux qui n'ont pas envie de s'embetter à l'installer mais qui veulent tester, la démo est disponible (Login : root, pas de mot de passe)

Un grand coup de chapeau à toute l'équipe de phpMyAdmin.

Pendant longtemps, il était impossible (ou du moins, j'ai jamais vraiment cherché) d'afficher plusieurs éditeurs WYSIWYG TinyMce sur la même page, mais avec des configurations différentes.

Les exemples de TinyMce viennent d'être mises à jour, et parmi elles, la 10ème nous montre comment faire simplement, grâce à editor_selector (que je n'avais jamais vu auparavant). Pour le faire fonctionner, il faut que l'élément à mettre en éditeur ai la classe donné par ce paramètre

De plus, l'inverse existe aussi editor_deselector, montré en exemple sur un autre exemple.

Enfin, avec les exemples 7 et 8, on peut facilement faire un load de l'éditeur à la demande lors du clic dans le textarea, et le décharger lorsqu'on en sort avec les événements onBlur et onFocus.

Une bonne nouvelle qui me ravit, car c'est un des éléments qui manquait selon moi à TinyMce, qui est l'éditeur WYSIWYG que j'utilise dans mes admins, pour son aspect pro et sa robustesse.

Depuis 3 jours déjà, les utilisateurs de WebWag (la même chose que netvibes pour ceux qui ne connaissent pas) peuvent créer leur propre Widgets en 2 étapes seulement.

1. Je rentre l'url du site sur lequel je veux faire mon widget
2. Je séléctionne la zone à partir de laquelle mon widget doit être fait

Et voilà, le WOD (Widget On Demand) est en place sur votre page. Un régal pour tout le monde. Et on imagine très bien les possibilités qu'offrent ce genre de service. Rien que pour ça, je crois que je vais me mettre à utiliser ce genre de portail, et ce sera WebWag.

Exemples d'utilisation :

• Avoir toujours son positionnement dans google pour un mot clé
• Afficher la météo de meteo.fr de sa région
• Afficher les derniers messages d'un forum (et oui, le RSS fait encore trop souvent défaut sur ces derniers)
• etc...

L'annonce des WOD
Le retour d'expérience

J'ai voulu tester FlickR.

Pour ce qui est du chargement, du tri des images, des tags etc... aucun soucis.

Masi ensuite, je me suis dit : tiens ça serait bien de pouvoir faire un slideShow comme je vous avais fait pour les photos de Lyon. Alors j'ai cherché sur le site. J'ai vite trouvé tous les services et la description des webServices (très claire) qui permettaient de récupérer les photos d'un utilisateur, d'un tag donné, d'un 'set' etc...

Alors j'ai commencé à chercher si ce que je voulais faire n'existait pas déjà. Je n'ai trouvé que FlickrShow qui marche sans problème, mais qui ne me convient pas car propose seulement un défilement manuel des images.

Alors je me suis dit : "Bon, ben on va mettre la main à la patte et on va faire un petit truc sympa qui utilisera le Smooth SlideShow de l'autre fois en récupérant les images via le webService, et tout ça, avec un joli JavaScript en Ajax."

J'ai vite trouvé l'ensemble des éléments dont j'avais besoin au niveau des webServices de FlickR, il ne me restait plus qu'à coder. J'ai donc commencer à faire une jolie classe qui allait appelerr avec un XMLHttpRequest le webService de FlickR et me rappatrié l'ensemble des images que j'aurai sélectionné (par tag par exemple).

Mais, j'ai appris quelque chose : en JavaScript, un XMLHttpRequest ne peut appeler des pages que sur le domaine sur lequel il est utilisé, pour des raisons de sécurité. Par exemple, depuis nyrodev.info je ne peux appeler que des fichiers qui sont sur nyrodev.info. Mes espoirs de réaliser mon SlideShow en JavaScript ce sont effondré.

Du coup, j'ai tout fermé et je me suis remis à mon projet Java, bien moins intéressant, mais qui doit être terminé pour mardi...

Quelques heures plus tard, me revoilà surmon blog pour écrire ce billet, et je me dis que c'est quand même dommage que vous ne puissiez pas voir les belles photos que j'avais mis pour tester. Alors j'ai cherché une solution de remplacement, beaucoup moins élégante, mais qui marche sans aucun problème : intégrer directement le swf de FlickR sur mon blog. La seule solution qui marche est de passer par une iframe qui appelle une page de FlickR. L'intégration directe du swf ne fonctionne pas, ils ont sans doute mis une vérification...

Et donc, vous l'attendez tous, le voici :

Et puis, pour en revenir à nos histoires, c'est possible que quand j'aurai un peu de temps, je ferai un script PHP qui générera du code JavaScript pour faire ce que je vous disai tout à l'heure.

Sur presse-citron, Eric vient de nous faire découvrir un système qui marche avec un seul appel à un javascript, qui fait les vignettes sur absolument tous les liens de la page.

L'inconvénient de ce système, c'est que les vignettes apparaissent même sur les liens du site sur lequel on a installé le script. Pas super...

Donc, j'ai essayé de modifier le script pour changer tout ça, je vais donc vous en expliquez le principe.

Attention, le fait de modifier le script est interdit dans la charte "Terms & Conditions" que vous devez signer pour accéder au script.

Donc, la méthode :

1. Vous inscrire sur cette page pour être identifié sur leur site (site, mail et c'est tout)
2. Récupérer l'url du script qui est donné dans le textarea et l'appeler directement dans le navigateur pour l'enregistrer dans un fichier .js
3. Ouvrir ce fichier js avec un éditeur texte et remplacez ceci :

   var _36=url.match(/^(http)s?:\/\/(^#*)/);var _37=document.location.href.match(/^(http|file)s?:\/\/(^#*)/);

   par :

   var _36=url.match(new RegExp("^(http)s?:\/\/(^#\/*)","i"));var _37=document.location.href.match(new RegExp("^(http|file)s?:\/\/(^#\/*)","i"));

4. Envoyez ce fichier .js sur votre site
5. Ajouter dans le head de votre page la ligne script pour appeler le .js

Et voilà.

En fait, ils ont déjà mis une vérification, mais qui ne regarde que si l'adresse pointée est la même que celle sur laquelle on est. J'ai juste fait pour que ça teste sur le nom de domaine.

En lisant le blog de Gérald qui a fait un trackback sur mon billet, je me suis aperçu que Snap avais mis en place une FAQ, dont une question pose le problème que j'ai résolu. La solution qu'il donne consiste à ajouter un bout de code en bas de votre vape, qui va mettre l'attribut class à snap_nopreview (en ajoutant aux classes déjà présentes s'il y en a). Ceci car dans le parcours des noeuds de lien du code, ils ne mettent un écouteur que sur les liens qui n'ont pas cette classe dans leur attribut. Je l'avais vu en lisant le code, mais pas penser à procéder de la sorte. Donc, la solution pour employer cette technique (ce qui fait qu'on reste dans le cadre des utilisations permises)

1. Mettre en place le script comme donné sur snap.com
2. Ajouter le code suivant tout en bas de votre page, juste avant le </body> :

   <script type="text/javascript">
   //<![CDATA[
       //change sites internal links to class "snap_nopreview"
       var links = document.getElementsByTagName('a');
       for (var l = 0; l < links.length; l++) {
           if(links[l].href.match(/^http:\/\/www\.nyrodev\.info/)){
               links[l].className += " snap_nopreview";
           }
       }
   //]]>
   </script>

   Bien sûr, changer l'adresse du site

On apprend par Benoit Descary que Google lance un nouveau site pour faire ses recherches, SerachMash.

Au premier abord, rien de bien nouveau, on n'y voit juste une nouvelle interface encore plus épuré que celle de google, puisqu'on ne peut cherché que pour le web et des images.

Le 1er petit plus qu'on peut voir, c'est en cliquant sur le nom du site en vert en bas, un petit menu déroulant s'affiche, qui propose en fait les options de recherche de google : link:, related:. De plus, on puet ouvrir le site, l'ouvrir dans une nouvelle page, ou bien (si disponible) ouvrir le copie du site que google a en cache. Bref, rien de bien nouveau, juste une nouvelle présentation des recherches de google.

Mais là, où ca devient intéressant, c'est qu'on peut retrier les résultats. Mais à ça sert ? Dans la partie "Feature", on peut lire : This is just for fun right now, but we have some ideas for how to use this. En français : Pour le moment, c'est juste pour le plaisir mais nous avons quelquesu idées pour utiliser cela.

A partir de là, on peut se poser la question suivante : serait-il en train de mettre en place un nouvel algorithme de recherche prenant en compte les utilisateurs ? Un beau service Web 2.0. de toute façon, je ne vois pas à quoi cela peut servir d'autre...

Et à y regarder de plus près, quand ils disent que c'est juste pour le fun, on peut voir que le classement envoie cette requête Ajax :

http://www.searchmash.com/event/r?i=5&j=4&k=2&ei=CKPfiYXTkogCFRw6CQod7rLeIQ

Les paramètres de la requête :

• i : numéro d'ordre que l'on déplace
• j : position vers laquelle on déplace
• k : numéro de déplacement
• ei : identifiant de la recherche

Bref, tous les éléments sont ici réunis pour permettre à Google de savoir absolument tous les déplacements que vosu effectuez. On n'imagine sans difficulté qu'ils vont nous faire un bel algotithme prenant en compte tous ces éléments.

Bien sûr, ils n'ont pas oublié d'enregistré le clic sur un site (c'est quand même le plus important, non ?)

Donc, est-ce que les recherches sur google vont prendre en compte les modifications des utilisateurs ? Si oui, à quelle échelle ? L'avenir nous le dira...