jQuery

jQuery est une librairie javascript qui permet de manipuler les éléments html. On peut donc affecter à des évènements (survol, clic…) la modification des éléments (taille, couleur, visibilité, déplacempent…).

Un plugin pour Geeklog

DEpuis la version 1.8.0 de Geeklog, la librairie est incluse dans le CMS. Le plugin jQuery apporte lui des plugins pour cette libraires donc de noucvelles fonctions pour le CMS.

Compatibilité

Afin d'assurer la compatibilité avec d'autres librairies javascript qui peuvent déjà être en place dans d'autres plugins (dokuwiki par exemple) nous n'utiliserons pas $ mais jQuery dans la rédaction des scripts.

<html>
 <head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
     jQuery.noConflict();

     // Use jQuery via jQuery(...)
     jQuery(document).ready(function(){
       jQuery("div#box").hide();
     });

     // Use Prototype with $(...), etc.
     $('someid').hide();
   </script>
 </head>
 <body></body>
 </html>

Raccourci

Dans le code ci-dessus

     jQuery(document).ready(function(){
       jQuery("div#box").hide();
     });

peut être simplifié par

     jQuery(function(){
       jQuery("div#box").hide();
     });

Désigner un élément

jQuery(”#header”) = désigne l'élément avec id=“header”
jQuery(“h3”) = désigne tout les éléments <h3>
jQuery(“div#content .photo”) = désigne tout les élément avec la class=“photo” à l'intérieur du <div> avec id=“content”
jQuery(“ul li”) = désigne tous les éléments <li> à l'intérieur de tous les éléments <ul>
jQuery(“ul li:first”) = désigne uniquement le premier élément <li> de tous les éléments <ul>

jQuery

Un plugin pour Geeklog

Compatibilité

Raccourci

Désigner un élément

Ressources

Introduction à la construction d'un plugin pour jQuery

Des plugins

Download geeklog

Espace Membre

Connexion

Change language

Categories

My cart

Ressources

Powered by Geeklog

Visual Theme Switcher

Follow us on twitter

En ligne