Docstoc

Tutorial Jquery Part 1

Document Sample
Tutorial Jquery Part 1 Powered By Docstoc
					L’HOMME DERRIÈRE LA MAGIE: ENTRETIEN AVEC JOHN RESIG de JQUERY


 Visual jQuery
                         Le Magazine              Num
                                                        éro 1 … Sept. 2006




                                     $ TUTORIEL
                                    Une introduction
                                    au monde de
                                    jQuery — en
                                    commençant par
                                    l’objet jQuery

                                      $ JQUERY
                                     Une philosophie
                                     gagnante: pourquoi
                                     l’approche de
                                     jQuery est
                                     efficace



Conception d’un plugin jQuery, de l’intérieur
                        Visual jQuery
                             Magazine
Note de l’éditeur ........... 3                               Rencontre avec
Yehuda Katz évoque sa pratique                                 Dave Cardwell
du web et bien sûr, jQuery : la                             Le créateur de
                                                            jQBrowser et jQMinMax
bibliothèque et le magazine.                                discute avec jQuery
                                                            Magazine.

Philosophie Gagnante ... 4                                                 En Page 9

Tout sur la philosophie jQuery et les
raisons de son efficacité.                              2E NUMÉRO
                                                        APERÇU
                                        Le mois prochain, une interview de Klaus Hartl,
Derrière la Magie .......... 6          le créateur du célèbre plugin Tabs et un des
                                        développeurs du site Plazes.
L’homme : une interview de John
Resig, le père de jQuery.               Également à venir, un tutoriel sur les
                                        fonctionnalités AJAX de jQuery, les effets
                                        visuels du plugin roundup, un autre article et
                                        vos courriers. rendez vous le 18 Octobre.
Tutoriels ...................... 8
Pour notre premier tutoriel, l’objet
                                                    ECRIVEZ-NOUS
jQuery et ce qui le rend si original.
                                        Merci d’envoyer vos courriers à editor@
                                        visualjquery.com. Nous mettrons les lettres
                                        concernant les articles du magazine ou
Le tour des Plugins ...... 10           à propos de jQuery et sa communauté si
                                        l’espace libre le permet. Nous nous réservons
Trois grands plugins pour créer des
                                        le droit de ne pas publier toutes les lettres
applications complexes avec jQuery.     reçues.
                             . . . De la part de l’éditeur
Pour respecter la tradition,                                              Immédiatement je pris goût à ce
j’aimerais profiter de mon                                                framework qui semblait penser comme
premier éditorial pour souhaiter la                                       je programmais : en se concentrant sur
bienvenue aux nouveaux lecteurs                                           les éléments DOM et en implantant
du Magazine Visual Jquery.                                                des fonctionnalités supplémentaires
                                                                          au dessus d’eux, jQuery rendait le
Il y a environ un an, après un assez                                      Javascript à nouveau amusant.
grand nombre de développements
web traditionnels, je me suis                                              jQuery était de loin au dessus du
intéressé à un concept plus récent                                         lot, et je m’y plongeais rapidement à
nommé AJAX. J’ai participé à                                               l’aide de la documentation existante,
un atelier conduit par l’éminent                                           tout en essayant d’organiser mieux
Thomas Fuchs, le créateur de Scriptaculous (basé          le wiki de documentation de jQuery, et finalement
sur la bibliothèque Prototype), et j’ai vraiment été      j’ai lancé le premier jet de Visual jQuery, l’agréable
impressionné par les possibilités de Prototype et de      présentation visuelle de l’interface de programmation
Scriptaculous, quelque chose m’attirait avec force.       jQuery. Lorsque jQuery 1.0 a commencé à inclure
                                                          la documentation intégrée, j’ai reprogrammé Visual
Après les avoir utilisés pendant un moment, et            jQuery pour qu’il en tire avantage.
devenant assez compétent dans l’utilisation de
Prototype pour monter des applications web riches         Je soupçonne beaucoup des lecteurs de ce magazine
et réactives, je me suis rendu compte que la courbe       d’avoir emprunté des voies parallèles pour trouver
d’apprentissage était bien trop raide. Tout en étant      jQuery. D’autres encore, initialement horrifiés à l’idée
capable de faire toute sorte de choses puissantes, je     d’apprendre Javascript, furent sans aucun doute
me retrouvais constamment à réinventer la roue pour       agréablement surpris de voir combien il était facile
des tâches toutes simples. Bien que le Javascript         d’apprendre jQuery. Si tout va bien, ce magazine séduira
AJAXien ait obtenu l’appellation de « DOM Scripting »,    les deux catégories. Aux jQueryistes chevronnés, nous
je ressentais difficilement l’influence du DOM sur mes    apportons des techniques avancées, et un aperçu des
développement Prototype au jour le jour.                  plugins qui vont compléter vos prochains projets.

Heureusement, j’ai découvert Ruby on Rails par            Pour les débutants, nous inclurons des tutoriels de
hasard peu de temps après ; celui-ci fait un sacrément    base sur le framework, qui vous aideront à bâtir votre
bon boulot dans l’abstraction du concept entier de        premier projet avec une solide compréhension de ce
Javascript (et les modèles RJS, maintenant populaires,    que vous êtes en train de faire, plutôt que de vous
n’étant encore pas disponibles, je trouvais toujours      limiter à copier/coller les extraits de code.
les aides Prototype de Rails pour atténuer).
                                                          Sur ces bonnes paroles, je vous laisse au magazine.
Quelques mois plus tard, j’ai découvert la bibliothèque   Bonne chance avec jQuery !
Interface dans un message de forum sur les divers
effets sympathiques qu’elle propose (avec une
attention spéciale pour le plugin selectables), et j’ai
suivi le lien jusqu’à jQuery.




    3
                                                                                           Illustration: Jörn Zaefferer




U N E P H IL OSOP
                  HIE GAGNANTE
        Pourquoi l’approche jQuery fonctionne-t-elle
         Par Yehuda Katz               adoptent une approche fonction-        objet la plus pure, ses dével-
                                       nelle. Évidemment, ils sont tout       oppeurs ont passé un temps
    L’approche que retient Jquery      à fait capables de manipuler des       considérable à développer des
ne consiste pas seulement en «un       éléments du DOM, tout comme            classes orientées objet pour dif-
code propre» ou des capacités de       jQuery, mais ces frameworks re-        férents types de fonctionnalités.
traitements «en chaîne». Sa phi-       posent sur des choix de program-       Une classe pour les formulaires,
losophie première, concentrée          mation complètement différents.        une autre pour les éléments, une
sur des ensembles d’éléments du            Prototype, pour sa part,           troisième pour les événements, et
DOM, l’amène au cœur des usages        s’applique à constituer une exten-     ainsi de suite. Il est donc tout à
des programmeurs de Javascript.        sion orientée objet des fonction-      fait possible de produire du code
    Par contraste, les autres frame-   nalités natives (et limitées) du Ja-   Prototype propre et élégant. Et
works, tels Prototype ou Dojo,         vascript. En quête de l’orientation    Prototype permet d’émuler une


                                                                                                                 4
des fonctionnalités les plus fasci-    qui ne retourne que les champs            la page.
nantes permise par l’approche ori-     de formulaires sélectionnés).                  Heureusement, nous pouvons
entée DOM de Jquery : les chaînes           Mais les choses deviennent           compter sur CSS3 (1-3), sur une
de commandes.                          intéressantes dès lors que vous           gestion simplifiée du XPATH et
     Mais jQuery conçoit le dével-     avez sélectionné un ensemble              sur quelques expressions sur
oppement de la programmation           d’éléments. Ajoutez .fadeIn(“slow”)       mesures ajoutées pour faire bon
Javascript de la manière dont de       et un dégradé s’appliquera lente-         poids. Quand on évoque CSS3,
nombreux acteurs majeurs de la         ment sur chaque élément. Mais             ce n’est pas une blague, jQuery
communauté du Javascript com-          ce n’est pas tout, ajoutez mainte-        gère le sélecteur ~, :not(expr),
mencent à l’envisager : un lan-        nant .addClass(“cEstDingue”) et           mais aussi les attributs via [@
gage de programmation axé en           chaque élément recevra la classe          attr=’quelquechose’].
priorité sur le DOM.                   « cEstDingue ». C’est dingue non?              La gestion de XPATH est plus
     Pour ceux d’entre nous pour            Et ça continue : ajoutez             limitée, mais l’essentiel y est. Les
qui la programmation Javascript        .click(function() { alert(“Hello”); });   opérateurs / et // sont disponibles,
est axée sur les éléments de la        pour activer une alerte lorsqu’un         de même que les notions de par-
page, et je pense que c’est la ma-     élément est cliqué, ajoutez               ents, de frère, de précédent. jQue-
jorité d’entre nous, jQuery simpli-    .append(“Hello”) et le mot «hello»        ry gère :first, :last, et :eq(n), une
fie terriblement les choses.           sera ajouté à la suite de chaque          version simplifiée de [position()
                                       élément correspondant. Cool               = n]. Pour finir, jQuery permet de
        Le workflow de jQuery           non?                                      tester le contenu des éléments
                                                                                 via [tag].
    La plupart des commandes                  Les sélecteurs jQuery                   Et puisque jQuery permet de
jQuery manipulent les éléments                                                   parser le XHTML, il est possible de
du DOM en s’appuyant sur la prise           Maintenant que nous avons vu         l’utiliser pour parser du XML sim-
en compte de CSS3, XPATH, et sur       le pouvoir des commandes jQue-            ple lors d’une requête AJAX. Bien
un lot d’expressions propres (telles   ry, intéressons nous à la manière         sûr, jQuery dispose de la panoplie
que :visible qui ne sélectionne que    de sélectionner préalablement un          complète des commandes liée à
les éléments visibles, ou :checked     ensemble d’éléments du DOM de             AJAX avec $.ajax, et $().load. Ω


           LA BASE DE JQUERY




                                                 $(“a”)

                                                 A l’intérieur
                                                 de l’élément
                                                 a, un groupe
                                                 d’éléments p

                                                 $(“a”).find(“p”)


    5
L’HOMME DERRIÈRE LA MAGIE
                                         JOHN RESIG >>




                   Désormais, j’ai rarement
                   à répondre aux questions
                   sur la liste de diffusion, la
 communauté s’auto-
 entretient et est plutôt
 active.
     Ce magazine, et jQuery lui-        cohérent d’aborder des problèmes        nouveau site est devenu une place
même, doivent leur existence à la       auparavant complexes.                   de premier recours pour la docu-
vision forte et inébranlable de John        Au-delà de cette philosophie,       mentation JQuery la plus récente.
Resig. Comme beaucoup d’enfants         Resig ne lésine pas sur l’aspect             Prouvant que JQuery est plus
des années 80, John a atteint la        communautaire des choses. « Je          qu’une tocade, Resig parlera à la
majorité en même temps que les          suis fréquemment découragé par          conférence Ajax Experience organ-
ordinateurs.                            les listes de diffusion d’autres pro-   isée par le populaire Ajaxian.com.
     Son premier langage de pro-        jets, où une question simplement        En plus d’un exposé sur JQuery lui-
grammation, l’omniprésent QBASIC,       mal orientée obtiendra une réponse      même, il présentera une discussion
détermine la curiosité intellectuelle   pleine de colère et de méchanceté       sur le choix d’un framework Javas-
de John pour la programmation. A        » dit-il. « Par exemple, une ques-      cript.
l’exception de Java, il est autodi-     tion qui arriverait se rapportant à          La progression jusqu’à JQuery
dacte pour tout ce qui concerne la      Javascript plutôt qu’à JQuery lui-      1.0 apporta son lot de difficultés
programmation, ce qui fait de son       même, serait facile à écarter. Mais     mais tout autant de récompenses.
prochain livre, Techniques Javas-       en prenant le temps d’y répondre,       « Le triomphe a simplement été de
cript professionnelles (Pro Javas-      vous pouvez gagner un nouvel util-      voir le code diffusé. Comme tout
cript Techniques), qui devrait paraî-   isateur. »                              développeur vous le dira, ce n’est
tre en décembre prochain chez               Afin d’assurer à la communau-       pas facile de réussir l’emballage fi-
APress, un accomplissement.             té quantité de bonnes ressources,       nal », dit Resig.
     Tout en se préoccupant                                                                    Et le travail qu’il a in-
peu de Java, il aime ob-                                                                   vesti en alimentant la
server les programmeurs
talentueux au sein de leur
                                    ‘Le triomphe                                           communauté JQuery a
                                                                                           rapporté. « Il y a plutôt
élément : il suit plus de
250 fils d’information du        a simplement été                                          quelques      développeurs
                                                                                           ayant un accès [subver-
Web par jour. « Voir un pro-                                                               sion] qui ont apporté leur
grammeur étonnant dans
son “habitat naturel” est
                                    de voir le                                             aide, résolvant des prob-
                                                                                           lèmes au fur et à mesure
toujours une vision de la
beauté », dit Resig.                   code diffusé.’                                      qu’ils se présentaient à
                                                                                           eux. » Alors que Resig est
     Parmi ses nombreus-                                                                   devenu récemment très
es influences, John Resig                                                                  occupé avec son travail et
cite Alex Russel (de Dojo)                                                                 son livre sur Javascript, la
et Dean Edwards (bien connu pour        John s’est consacré fortement à la      communauté a repris le flambeau ;
IE7) comme les plus intéressants        documentation avec, en point de         l’élan post-1.0 est en marche.
sur la durée. « Si il y a des dével-    mire, la version 1.0 de JQuery.              Ça ne veut pas dire que la ver-
oppeurs Javascript que j’admire et          Pour considérer le framework        sion est sortie sans difficulté. «
respecte, ce sont bien eux. »           comme prêt pour la production,          J’ai eu à casser l’interface dans
     Tout en respectant les dével-      il ne suffisait par que le code soit    une certaine mesure. Plusieurs
oppeurs de frameworks plus étab-        sans erreur ; tout devait être docu-    noms de méthodes n’étaient tout
lis sur le marché — comme Dojo et       menté.                                  simplement pas aussi clairs qu’ils
Prototype —, Resig, comme David             Cela a payé. Comme résultat         auraient dû l’être et causaient de
Heinemeier Hansen (Rails), a des        de ses efforts de documentation         nombreux conflits », dit Resig. Cela
opinions bien établies sur la direc-    innovante, la version 1.0 de jQuery     dit, pratiquement tous les utilisa-
tion que doit prendre son frame-        engendra un site de documentation       teurs on surmonté les difficultés,
work.                                   — Visual Jquery — dont la mise à        et les plugins principaux, comme la
     Comme Ruby on Rails, JQuery        jour est dynamique, faite au fur et     bibliothèque d’effets visuels Inter-
peut être vu comme un logiciel aux      à mesure de la base de code elle-       face, ont diffusé des versions mises
idées bien arrêtées, où une philoso-    même. Par opposition à l’ancien Vi-     à jour simultanément à la sortie of-
phie forte de conception donne aux      sual JQuery qui nécessitait des en-     ficielle de jQuery 1.0. Ω
développeurs un moyen simple et         trées manuelles et fastidieuses, le


    7
                              L’OBJET JQUERY
                                                          UNE BRÈVE INTRODUCTION
    jQuery, en tant que « framework      ensembles d’éléments du DOM                  Sur ce point, jQuery se dis-
», est au départ un outil permet-        dans des tableaux standards.             tingue de tous ses prédéces-
tant de manipuler un ensemble                 Il était ainsi possible de déter-   seurs. Au lieu de considérer un
d’éléments du DOM.                       miner la taille d’un tableau, de le      ensemble d’éléments comme un
    Vous allez vous apercevoir que       parcourir par itération, et d’obtenir    tableau de plus, jQuery considère
cette expression revient comme           un élément du tableau à l’aide de        qu’un ensemble est quelque chose
un leitmotiv dans ce magazine :          son identifiant. Des fonctions habi-     d’exclusivement axé sur le DOM.
mais qu’est-ce qu’un ensemble            tuelles de tableaux en somme.                Ainsi, en plus des méthodes tra-
d’élément du DOM en définitive? Et            Mais il n’existait pas vraiment     ditionnelles pour obtenir la taille du
comment jQuery facilite-t-il la ma-      de technique pour définir un tab-        tableau, les ensembles de nœuds
nipulation de ces ensembles?             leau d’éléments du DOM avec ses          du DOM contenus dans un objet
                                         propriétés spécifiques. Supposons        jQuery peuvent accomplir un tas de
          Élément du DOM                 que vous souhaitiez attribuer une        choses intéressantes.
                                         classe à tous les éléments d’un en-          Pour commencer, vous pou-
     Un élément du DOM est un            semble : avec un tableau classique       vez intégrer des éléments du DOM
nœud HTML isolé, comme un p ou           il faut parcourir tous les éléments      dans un objet jQuery d’une manière
un a. Il peut être vide, ou contenir     à l’aide d’une boucle itérative ; et     très intuitive à l’aide des sélecteurs
du texte ou d’autres éléments.           pour chaque élément ajouter la           CSS.
     Voici une manière de le retenir :   classe.                                      Par exemple, $(“a.amusant”)
à chaque fois que vous ouvrez une             Ceci fonctionne parfaitement,       ; va remplir un objet jQuery avec
balise HTML, vous créez un élément       et les travaux sur quelques-un des       tous les éléments a de la page qui
du DOM. Tout ce qui se trouve à          frameworks les plus populaires ont       portent la classe CSS « amusant ».
l’intérieur de cette balise est un en-   permis d’affiner le concept et de        De fait vous pouvez considérer un
fant de cet élément du DOM.              faciliter certaines opérations telles    objet jQuery comme une boîte qui
     Un élément peut être un par-        que l’ajout d’une classe.                contient un ensemble d’éléments
ent, c’est-à-dire qu’il contient un           Mais dans toutes les tentatives     du DOM.
autre élément, ou bien il peut être      de définitions de nouvelles syn-             Une fois l’objet jQuery défini,
un enfant, c’est-à-dire qu’il possède    taxes, un ensemble d’éléments du         on peut appliquer d’un coup toutes
un parent. Dans l’exemple présenté       DOM n’était pas différent d’un en-
sur cette page, le p est un élément      semble de caractères ou d’entiers.
parent à la fois du span et du hr.
Le span quant à lui est un enfant                 Entrer dans jQuery                               p
du p.
     Les éléments peuvent égale-
                                                  <p>
                                                                                         span hr
ment être frères, c’est à dire qu’ils
possèdent le même parent. Le span                   <span>
et le hr dans l’exemple sont des                       Hello
frères car ils partagent le même
élément p comme parent.                             </span>
                                                    <hr />
        Ensemble d’éléments
                                                  </p>
   Les programmeurs javascript
ont pris l’habitude de stocker des

                                                                                                                 8
                                   ‘Un objet jQuery est une
                               boîte contenant un ensemble
                               de nœuds du DOM’

sortes d’opérations sur l’ensemble         d’événements à divers éléments de pourquoi nous avons éprouvé le
de ses éléments.                           la page.                                     besoin d’écrire $(this).addClass()
     Vous souvenez-vous que nous                Par exemple, vous pourriez plutôt que simplement this.ad-
souhaitions précédemment ajouter           souhaiter modifier la classe d’un dClass() ; souvenez-vous qu’on ne
une classe à tous les éléments de          élément lorsqu’il est cliqué, pour peut appliquer la commande .ad-
notre ensemble ? Avec jQuery nous          indiquer qu’il a été sélectionné. Ad- dClass() qu’aux objets d’une boîte
pouvons adresser un message à              mettons par exemple que vous sou- jQuery.
l’objet jQuery, lui indiquant qu’il faut   haitiez ajouter la class “on” à tous               A l’intérieur d’un détecteur
ajouter la classe “bonjour” à tous         les éléments p de la page qui por- d’événements, « this » se réfère
les éléments contenus dans la boî-         tent la classe “clicable” lorsqu’ils à l’élément lui-même. L’écriture
te. Et la syntaxe est                             sont cliqués.                         $(this) permet de placer l’élément
incroyablement sim-                                   La syntaxe courante en dans une boite jQuery, qui devi-
ple : $(“a.amusant”).                             jQuery:                               ent alors éligible pour recevoir des
addClass(“bonjour”)                                   $(“p.clickable”).click(           commandes spécifiques à jQuery,
; Il y a beaucoup                                      function() {                     telles que .addClass().
d’énergie présente                                       $(this).addClass(“on”);              C’est parce que .click() est une
dans cette petite                                      });                              commande de jQuery que vous
expression : nous                                     On distingue ici quelques pouvez l’enchaîner avec d’autres
récupérons dans la                                idiomes javascript et jQuery ; commandes que vous placez à la
page tous les élé-                               détaillons le code pas à pas.          suite.
ments correspondant à une dé-                   D’abord, $(“p.clicable”) collecte             Si vous supprimez le point-vir-
finition CSS, et nous ajoutons à           tous les nœuds de type p de la page gule à la fin de la commande, alors
chaque élément correspondant la            qui portent la classe “clicable”, et vous pouvez ajouter des méthodes
classe “bonjour”. Mais ce qui est          les met dans une boîte jQuery.               supplémentaires en passant à la
encore plus fascinant, c’est de ré-             Ensuite, .click() permet de dé- ligne:
aliser des chaînes en jQuery. Il est       finir l’action que le navigateur doit                  $(“p.clicable”).click(...)
par exemple possible d’écrire $(“a.        entreprendre lorsque qu’un événe-                      .append(
amusant”).addClass(“bonjour”).             ment «click» est détecté sur un des                      “<span>X</span>”
hide(). Les éléments contenus dans         éléments de la boîte.                                  ).fadeTo(“slow”, 0.5);
la boîte reçoivent en fin de chaîne             Les actions à entreprendre, ou                va ajouter un span à tous les
la directive “hide”, ce qui aura pour      callback, sont définies par des éléments p qui portent la classe «
effet de les faire disparaître.            fonctions javascript anonymes, clicable », puis leur appliquer un dé-
     Ce qui rend jQuery singulier,         c’est à dire des fonctions javascript gradé lent jusqu’a régler l’opacité à
c’est que toutes les commandes             dont le nom n’a pas besoin d’être 50%. Ω
qui appliquent des modifications à         défini.
un ensemble d’éléments retourn-                 A l’intérieur du «       POINTS CLÉS
ent la série d’éléments modifiée,          callback » d’un dé-
                                                                       ◌ Seuls les objets jQuery (boîte d’éléments)
de manière qu’elle puisse à son            tecteur d’événement,            peuvent recevoir des commandes jQuery
tour être manipulée.                       le mot clé « this » se
                                           réfère à l’élément          ◌ A l’intérieur d’un détecteur d’événement, « this
      Détecter des événements                                              » se réfère à l’élément sur lequel l’événement
                                           particulier sur lequel
                                                                           s’est produit
                                           l’événement a été
   Un autre besoin régulier, dans          détecté.                    ◌ Les détecteurs d’événements sont définis
la programmation orientée DOM,                  Vous vous de-              par des fonctions anonymes, comme suit :
est d’associer des détecteurs                                              function() { ... }
                                           manderez peut-être
  PLUGINS
   APPLICATIONS FERTILES ET GÉNÉREUSES
                                                               jTip par Cody Lindley

                                                               Cette page est en réalité
                                                               calquée sur le plugin jTip
       JQUERY ET LES PLUGINS                                   (oui, c’est sympa comme
                                                               ça). Cette solution pour
jQuery possède une architecture très simple
pour les plugins qui permet aux développeurs                   infobulles vous permet de
de réutiliser les propriétés quasi-magiques des                constituer des infobulles
fonctions jQuery.                                              AJAX avec du pur balisage
                                                               XHTML — après avoir inclus
Pour créer une nouvelle méthode opérant sur                    le plugin jTip, bien sûr.
un objet jQuery, les développeurs ont seule-
ment besoin de créer une nouvelle fonction
appelée jQuery.fn.foo qui doit juste renvoyer                  Échantillon de code:
l’objet jQuery lui-même (pour garantir la possi-                   <a href=”ajax.htm” class=”jTip” id=”one”
bilité d’enchainement). Pour bien fonctionner,                        name=”Le mot de passe doit
une fonction jQuery devrait itérer automatique-                    respecter:”>Texte
ment parmi les éléments, ceci afin de maintenir                    </a>
la cohérence entre le noyau et les plugins.



     dateSelector par Kelvin Luck
     Ce widget est un sélecteur de date vraiment nécessaire pour
     jQuery. Il résout notamment le problème des boîtes de sélection
     dans IE, de sorte que son calendrier de contrôle peut couvrir des
     boîtes de sélection. dateSelector et le contrôle de cases à cocher
     prouvent que jQuery peut fournir un ensemble très robuste de
     widgets. Il est aussi profondément adaptable par région.

     Échantillon de code:
         <input type=”text” class=”date-picker” name=”date1”
         id=”date1” />




                           Checkbox par Kawika K.

                            Le plugin checkbox permet d’utiliser n’importe quelle image à la
                            place des cases à cocher standards. On peut définir différentes
                            images pour les cases vides, visitées (hover) ou cochées. Écrit à
                            l’origine en éditant les propriétés CSS brutes, cette nouvelle version
                            utilise les classes CSS pour plus de simplicité. La syntaxe, comme
                            pour les plugins précédents, est on ne peut plus simple.

                            Échantillon de code:
                                $().cssCheckbox();




                                                                                                              10
                                                                                      QUI SOMMES-NOUS
Rencontrez Dave Cardwell . . .                                                                Publisher
                                                                                             Wycats Designs
                                           Dave Cardwell était programmeur bien
                                           avant que la publication de jQMinMax                 Éditeur
                                           et JQBrowser ne lui apporte la célébrité            Yehuda Katz
                                           au sein de la communauté jQuery.
                                                                                            Contributors
                                           « J’avais 8 ans lorsque mes parents               Dave Cardwell
                                           m’achetèrent un Amstrad à écran vert
                                                                                              Klaus Hartl
                                           et je n’ai pas tardé à me plonger dans
                                                                                              John Resig
                                           le BASIC. »
                                                                                              Leah Silber
                                           Maintenant, après une année à                     Jörn Zaefferer
                                           l’Université de York, Cardwell se décrit
                                           comme « programmeur et designer                    Traduction
                                           indépendant ».                                        Allergie
                                                                                                  BoOz
                                           Il a publié son plugin jQMinMax au                   cy_altern
                                           début d’août 2006.                                       Fil
                                          « A l’époque, il y avait beaucoup de                    Toggg
                                          bruit à propos de la tendance vers des
                                          mises en page liquides et fluides. Je         CONTRIBUTIONS
                                          voulais créer un plugin qui soit d’une
                                                                                      Les contributions sont bien-
                                          utilité immédiate pour les gens, et j’ai    venues (et désirées). Nous
vu là une opportunité pour jQMinMax. » Le plugin simule max/min-height/width          acceptons des illustrations,
dans Internet Explorer.                                                               des articles et des inter-
                                                                                      views. Nous nous réservons
Comme beaucoup de fans jusqu’au-boutistes de jQuery, John Resig et sa                 le droit d’éditer toute con-
communauté toujours active furent une grosse part de ce qui y mena Cardwell.          tribution pour la clarté et le
                                                                                      bon goût.
« Ce doit être la documentation et la réactivité de la communauté qui m’ont rendu
épris de jQuery. Tandis que la syntaxe et les fonctionnalités sont charmantes, il     S’il vous plaît, faites parvenir
y a d’autres bibliothèques disponibles qui ont des caractéristiques comparables.      vos contributions au maga-
                                                                                      zine par editor@visualjquery.
Ce furent ces avantages périphériques et un sens réel du progrès dans le noyau        com
de la bibliothèque qui m’y ramenèrent sans cesse. »
Pour Dave, JQuery fut une lumière à l’extrémité du tunnel, le tunnel étant                     PLUGINS
Javascript, dont la police de la circulation ne semblait pas efficace.
                                                                                      Si vous désirez voir votre
« Je devenais de plus en plus frustré à essayer de dépister les développements        plugin figurer dans une édi-
                                                                                      tion du Magazine, veuillez
dans la communauté Javascript. jQuery m’a apporté tout cela sous le même toit,
                                                                                      envoyer un lien sur le plugin,
avec une taille de fichiers qui ne remettait pas en compte la réactivité de mes       une description, quelques
sites. »                                                                              détails sur vous-même et,
                                                                                      idéalement, votre photo.
Selon Cardwell, les débutants ne doivent pas être effrayés d’expérimenter avec
jQuery.                                                                               Nous incluons des plugins
                                                                                      par groupements théma-
« Les sites jQuery et Visual jQuery sont indispensables, et quand vous êtes           tiques, votre plugin peut
véritablement bloqués, je n’ai jamais vu une question sur la liste qui reste sans     donc paraître dans plusieurs
réponse. »                                                                            numéros. Il pourra paraître
                                                                                      groupé avec tout autre plu-
Cardwell a publié plusieurs autres plugins depuis qu’il a commencé à utiliser la      gin que nous jugeons appro-
bibliothèque jQuery. Vous trouverez plus d’information sur ces plugins sur http://    prié. Les titres, descriptions
                                                                                      et détails des plugins sont
davecardwell.co.uk/geekery/javascript/jquery/.
                                                                                      créés par les éditeurs du
« Je suis toujours plus qu’heureux d’avoir des retours de gens dans le même           Magazine et laissés à notre
                                                                                      discrétion.
état d’esprit. On peut me contacter par mon site. On peut aussi me trouver
ordinairement planqué dans le canal IRC #jquery sur freenode.org. »
 11
LE JAVASCRIPT ENFIN SEXY




  w w w. j Q u e r y. c o m   12

				
DOCUMENT INFO
Shared By:
Stats:
views:25
posted:4/26/2012
language:Latin
pages:12