Tag : jquery

Par Cyril Ducrot, le 06 février 2012

Introduction à jQuery

Logo


Dans ce post je vais vous présenter les différentes fonctionnalités proposées par la librairie JavaScript jQuery.

Tout au long de cet article pour je vous renverrai vers des documentations en ligne que j’ai pu consulter lorsque j’ai utilisé jQuery sur différents projets. De cette manière vous pourrez vous imprégner avec une granularité plus fine de l’ensemble des fonctions mises à disposition par jQuery.

Introduction

jQuery est une framework Javascript, au même titre que Mootools ou  encore Script.acculo.us.
Il s'agit en fait d’une librairie de fonctions JavaScripts qu'il suffit de combiner pour obtenir le résultat voulu.
Par bibliothèque on entend donc un ensemble cohérent de fonctions permettant de s’affranchir des tâches rébarbatives et répétitives de façon uniforme sur les navigateurs les plus courants.
Elle est sous licence GPL et MIT, et donc complètement réutilisable sur des travaux professionnels. Son poids compressé est de 92 Ko, ce qui est tout à fait raisonnable sur la plupart de nos projets.

Les navigateurs supportés sont :
  • Firefox 1.5+
  • Internet Explorer 6+
  • Safari 2.0.2+
  • Opera 9+
Lire la suite
Par Fabian Piau, le 22 septembre 2011

jQuery et Ajax

Ajax

ajax_logo.png

Apparu en 2005, Ajax (Asynchronous JavaScript and XML) regroupe un ensemble de technologies déjà existantes, notamment HTML, JavaScript et XML. Avec Ajax, les applications web peuvent mettre à jour partiellement la page affichée par le navigateur sans avoir à recharger la page entière. L'interface graphique peut ainsi évoluer par petits bouts, devenant ainsi plus interactive et reproduisant la sensation d'utiliser une application type client lourd. Nous parlons alors d'applications RIA (Rich Internet Applications). Le terme "Asynchronous" signifie que l'exécution du JavaScript continue sans attendre la réponse du serveur qui sera traitée quand elle arrivera. En mode synchrone, le navigateur est "gelé" en attendant la réponse du serveur.

Lire la suite
Par Fabian Piau, le 07 juin 2011

Barre de progression sur des dates avec JQuery

Progressbar est un plugin JQuery pour afficher une barre de progression. Il prend un pourcentage en entrée et affiche une barre de progression en sortie. La barre est entièrement personnalisable par CSS.

A partir d'un intervalle de temps (deux dates), de la date du jour et d'un calcul de conversion (pour obtenir le pourcentage d'avancement), on peut réaliser une barre d'avancement dans le temps.

Voici un exemple pour illustrer mes propos.

A l'aide du Datepicker de JQuery, vous saisissez une date de début et une date de fin du projet. L'avancement est calculé automatiquement en Javascript par rapport à la date du jour.

Enfin, des boutons supplémentaires permettent de modifier les dates et de voir l'évolution du projet en temps réel.

progressbar-1.png

progressbar-2.png

Je mets l'ensemble des fichiers sources à disposition... A utiliser et modifier selon vos souhaits !