PUBLIC MARKS with tags jQuery & google

Did you ever notice that sometimes your tab title gets updated on it’s own while you are browsing websites in other tab. There are many websites that do it. For eg. you shall notice that GMAIL update the title tab with counter of total number of unread email, each time your receive a new email. It’s a good practice to notify your customer that – something has just happened which needs your attention. That way your customer would not loose that important task and you would not loose that customer. Sounds Great!!

jQuery address picker est un plugin jQuery UI permettant de créer facilement un widget de sélection d'adresse postale, directement lié à l'API Google Maps.

FullCalendar est un plugin jQuery assez évolué et je dois dire : « bluffant ». En effet, vous avez été convaincu par l’accessibilité et le style d’agenda que propose Google ? Et bien, via ce plugin une grande partie du travail vous est offerte pour être intégrée à vos propres sites internet.

Aujourd’hui je vais vous parler d’un autre plugin jQuery : GMAP3. Un plugin qui va vous permettre d’utiliser l’API Google Map v3 Integration via le framework javascript jQuery. Ce qui facilite l’utilisation de l’API de Google pour les habitués de jQuery. J’ai découvert ce plugin grâce à jb, un lecteur du blog (cf. ici) et je l’en remercie.

L’originalité de ce plugin vient du fait que pour produire un graphes, gvChart a besoin tout d’abord d’un tableau HTML (en renseignant certains tags comme table, thead, tbody, etc.). Ensuite, il s’appuie sur les API de Google pour générer les graphes. jQuery est également de la partie pour rendre ces graphes interactifs. Côté implémentation, rien d’insurmontable… Dans le header, installez les fichiers suivants : * http://www.google.com/jsapi* * jquery.min.js * jquery.gvChart-1.0.min.js Ensuite, insérez votre tableau, configurez un petit fichier gvChart pour lui indiquer les éléments à prendre en compte, les titres à afficher etc… gvGraph affiche les graphes suivants : * Ligne * Aire * Barre * Colonne * Camembert

Le plugin JgChart est une simple surcouche à l’API Google Chart. Cela permet de faire des graphiques encore plus facilement et de le configurer plus simplement.

Qui ne connais pas Google Maps ? On cherche un lieu, un restaurant, un itinéraire, on tombe forcément à un moment donné sur une carte issue de l’API Google Maps. Vous l’utilisez peut être déjà sur certains de vos sites. Il existe cependant des plugins jQuery facilitant cette gestion, comme par exemple gMap. Cela va vous permettre d’automatiser plus facilement l’API et d’utiliser votre framework javascript préféré par la même occasion. gmap