25 juin 2009

Base pour créer un Plugin JQuery

Créons ici un fichier xxx.jquery.js avec ce contenu :


(function($){
$.fn.tutoplug = function() {
var defaults = {

}
var options = $.extend(defaults, options);

return this.each(function() {
var obj = $(this);
obj.append("Ceci est un test");
});
}
})(jQuery);


Et maintenant le script à placer dans le html :



jQuery().ready(function() {
jQuery("#mybutton").click(function(){
jQuery("#tests").tutoplug();
});
});




Et le tour est joué ! Mais pour de plus amples info et un tuto un peu plus détaillé, je vous conseil le site de jeremy martin