Chargement...

Développer son propre plug-in jquery


Un plugin JQUERY c'est quoi

L'avantage de jQuery c'est qu'il est très simple d'utilisaton, créer un plugin permet de simplifier encore plus son utilisation. Ainsi pour un module de datepicker, la syntaxe pourrait ressembler à ceci:
$(input).datepicker();
Créer son propre plugin jquery permettrait de donner une spécificité aux éléments avec la syntaxe suivante :
$(element).monplugin();

Déclarer un plugin jquery

(function($) { $.fn.monplugin = function(params) { ... }; })(jQuery);

Exemple d'un plugin jQuery

Construisons un plugin jQuery qui permet de changer la couleur et le contenu d'un champ texte :
(function($) { $.fn.cssw_datepicker = function(params) { $(this).css({ 'background-color': params.color }).val( params.input_value ); }; })(jQuery); $("#input_datepicker").cssw_datepicker({ color : 'yellow', input_value : "Plugin correct" });
Résultat :



UNE QUESTION SUR L'ARTICLE?


CSSW Apprendre à créer son site web CSSW