Creating a jQuery Plugin out of jQuery code

Question

Here's my problem: I've got this nice Office Minibar implementation which I want to use on my project. However, I need to apply the Jquery code to dynamically created textarea elements, hence requiring the use of

$("#textarea_id").minibar();  //minibar() applies the minibar to the selected textarea element

However, i'm at a complete loss on how to do it. Any help would be great appreciated. The Minibar coding is fairly simple:

http://www.jankoatwarpspeed.com/post/2010/05/23/microsoft-office-minibar-jQuery-CSS3.aspx

Matt Ball · Accepted Answer · 2011-02-17 13:22:26Z

4

Start out reading the jQuery plugin authoring guide. It does a really good job of walking you through things. If you want to cut to the chase, read the summary and best practices section.

Basically, it'll look like this:

(function($){

    $.fn.minibar = function () {
        // minibar initialization code here
    };

})(jQuery);

answered Feb 17, 2011 at 13:22

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

alex · Accepted Answer · 2011-02-17 13:22:48Z

1

jQuery's plugin authoring is a great starting point.

answered Feb 17, 2011 at 13:22

alex

492k205 gold badges890 silver badges992 bronze badges

Comments

stanwilsonjr · Accepted Answer · 2011-02-17 14:46:06Z

1

I also agree that the Plugin Authoring tool is a good start.

Also there is a Jquery Plugin Skeleton that provides a commonly used plugin pattern.

I noticed that in your code you have static ids and markup. It may be better to create these elements dynamically so people that use your plugin don't have to add them and there are no id or class name conflicts.

answered Feb 17, 2011 at 14:46

stanwilsonjr

592 bronze badges

Collectives™ on Stack Overflow

Creating a jQuery Plugin out of jQuery code

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related