Google a lancé, il y a quelques semaines maintenant, les communautés sur son réseau social. Soit l’équivalent des « groupes » sur Facebook, mais en beaucoup plus soigné, soyons honnête. Personnellement, c’est LA fonctionnalité qui m’a fait revenir sur Google+ et qui semble le faire revivre. A vrai dire, ça m’apporte un vrai plus. Effectivement, pour le moment, j’utilisais Twitter pour suivre les différentes communautés et nouveautés autour des différents langages, framework que j’utilisais. Mais Twitter a rapidement ses limites dans ce domaine puisque les informations étaient noyées parmi les postes perso du millier (ou presque) de twittos que je follow. Google+ a donc apporté une véritable solution à ce besoin ! Les posts sont classés en fonction des communautés (donc de la technologie ciblée) et même classés par groupes pour arriver directement là où l’on souhaite chercher la bonne information.

Je fais déjà parti de plusieurs communautés française comme Titanium appcelerator, PHP, etc … Mais il y en a une qui manquait beaucoup à son sens, une communauté française sur jQuery. Voila qui est donc réglé, la communauté jQuery France vient d’être créée sur Google+ et permettra le partage d’infos, de ressources, de plugins et d’entraide en français.

N’hésitez pas à y participer ! J’essayerais, pour ma part, d’y être actif, d’y poster un peu tout ce que je trouve en français et de répondre aux questions que certains peuvent se poser.

jquery_logo

Google laisse à disposition des développeurs une API complète pour intégrer Google Map à l’intérieur de vos sites internets. Malheureusement, cette API reste relativement complexes car extrêmement complète. Ainsi, rien que pour créer une simple carte et y ajouter un point, il faut déjà compter plus d’une cinquantaine de lignes. De quoi rebuter la plupart d’entre nous !

Ainsi, pour optimiser le temps de développement sur les actions les plus courantes, je vous ai concocté rapidement un petit plugin jQuery. Celui-ci reprend les fonctionnalités suivantes :

  • Création d’une carte
  • Gestion des points :
    • Ajout d’un ou plusieurs points
    • Icône personnalisée
    • Choix de l’action au clic :
      • Lien de redirection
      • Contenu HTML à afficher dans une fenêtre
    • Ciblage par coordonnées GPS
    • Ciblage par adresse postale
  • Gestion des itinéraires :
    • Calcul de l’itinéraire
    • Affichage de l’itinéraire sur la carte
    • Modification de l’itinéraire
    • Affichage du détail de l’itinéraire

Et tout ça en 2 lignes de javascript !

Voir la démo et télécharger le plugin

Pour tout support ou suggestion, vous pouvez utiliser les commentaires de cet article.

Suite à la dernière Après-midi du développement sur le Javascript organisé par Microsoft à laquelle j’ai eu la chance de participer, nous avons été sensibilité au partage et à la création de plugin jQuery universel. Ainsi, lorsqu’une problématique se présente et qu’aucune réponse ne se trouve sur internet, il est alors de la responsabilité d’un développeur citoyen, de partager son travail et sa création.

Ainsi, la semaine dernière, j’ai eu à développer la problématique d’une variance d’un taux financier en fonction de deux paramètres. Jusque là, pas trop de soucis. Mais c’est au moment où le client m’a demandé de pouvoir gérer cette variance que tout s’est compliqué. Comment l’afficher au client ? Comment lui laisser la possibilité d’éditer ces valeurs ?

Préparation

La première étape est de formater les données de telles sortes qu’elles soient exploitables par le plugin EditTable. Pour se fare, il vous suffit de créer ce genre de tableau :

Array
(
    [0] => Array (
        [x] => 0
        [y] => 1
        [value] => 0.5
    )
    [2] => Array (
        [x] => 2
        [y] => 1
        [value] => 0.6
    )
    [3] => Array (
        [x] => 2
        [y] => 1
        [value] => 0.6
    )
)

L’installation

Rien de bien compliqué ! Commençons par un peu de CSS totalement facultatif puis le plugin jQuery.

Initialisation

$('#table').editTable();

Le reste, c’est à votre sauce ! Mais une démo et une documentation complète se trouvent ici.

N’hésitez pas à poser vos questions ou à demander de l’aide en commentaire.