Tag : javascript

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 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 !

Par Serpil Uren, le 15 décembre 2008

Paris on Rails : MooTools

MooTools, par Matthieu Fosse

MooTools est un framework JavaScript orienté objet, non intrusif et modulaire qui inclut beaucoup de modules (tels que : Request, Class, Core, Element, etc) et de sous modules. Il n’est pas très populaire, seulement 8 % des développeurs l’utilisent. Par ailleurs, MooTools n’est pas inclus par défaut dans le framework Rails, contrairement à Prototype.

Lire la suite