jQuery Extension for BlogEngine.NET

Friday, 26 December 2008 11:08 by John Callaway

Add the jQuery Library to your blog!

After the great success of the my Digg Button Extensions for BlogEngine.NET, I decided to try another. With the growing popularity of jQuery I chose to write a jQuery Extension for BlogEngine.NET. Below you will find download and installation instructions. If you have any questions please feel free to use the Contact Form.

Installation

Download the compressed file jQuery_Extension_v1.0.zip, then:

Extract the files.
Copy jQuery.cs into /App_Code/Extensions/ folder
Copy the jQuery folder into the root of the web folder

Configuration

The component is completely configurable valuing the following mandatory attributes :

jQuery File: File name of jQuery plugin file.
Description: Description of jQuery plugin file.

By default the jQuery Extension loads with jQuery 1.2.6 min file. Any additional plugin files should be copied to the jQuery folder and entered into the Extension configuration page. You can find many more jQuery plugins here.

Additional Resources

The official jQuery site - http://jquery.com
Chris Blankenship - jQuery Goodness for BlogEngine.NET
Dityo Nurasto - jQuery in BlogEngine.NET
Kyle Johnson - jQuery with BlogEngine.NET

If you have any trouble loading additional jQuery plugins be sure to check the above resources. In some instances there may be a confilct with the often used "$" as a shorthand method.

Download

jQuery_Extension_v1.0.zip (63.51 kb)

Please use the Contact Form to submit and bugs or feature requests.

ShareThis Extension for BlogEngine.NET
Digg Button Extension for BlogEngine.NET
Downloads

Comments

January 21, 2009 11:07

I'm attending the MSDN jQuery session and look forward to introducing it - so I will have questions for you.

Brian Carter

January 21, 2009 13:57

Brian,

Enjoy the jQuery session. I'll be here when you return if you have any questions.

John Callaway

January 25, 2009 01:20

Excellent idea!

One thing I would recommend is to offer a user the choice of referencing the Google link instead of storing the JavaScript locally. Referencing jQuery from Google means Google takes the bandwidth hit, probably provides faster loading time from their closer servers, and if the visitor has previously loaded the jQuery source from Google for another site (like my website) then they already have it in cache and won't load it again.

Another recommendation would be: If you are going to host the jQuery files locally then you might want to use the JavaScript handler (js.axd) instead of mapping directly to the jQuery source files. This allows you to cache them on your server and send them to the visitor without having to perform an IO operation.

Chris

January 25, 2009 10:20

Chris,

Thanks for the comments! I'll look into making modifications for the next release of this extension. Let me know if you have any other thoughts.

John Callaway

April 2, 2009 04:05

Hi!!
could you help me in adding the jQuery s3slider plugin (http://www.serie3.info/s3slider/ ) to a BlogEngine.NET page?
I've tried to include your script, but I don't understant wath you mean "...and entered into the Extension configuration page".

I've copied the s3slider js in the same dir of jQuery's js... but, what else I've to do to make them work?

Thanks a lot

Alessandro

Alessandro Rossetto

April 2, 2009 07:15

Alessandro,

Thanks for the comment. Once you've copied the js file to the jQuery directory you then must enter the information into the Extension Setting. In the Extension Admin Menu click on "Edit" next to the jQuery extension. Then enter the name of the js file (s3Slider.js) into the jQuery File box and enter a short description.

It looks like you will need to alias the jQuery namespace for the slider to work correctly with BlogEngine. Check out this link for more info:

www.designsbyjohnson.com/.../...Blogenginenet.aspx

John Callaway

August 24, 2009 02:26

Hi,
Very good post..I’m looking for guest bloggers to write at OptiNiche. Topics discussed include blog marketing, online marketing, SEO, and WordPress.

Search engine optimization

August 26, 2009 08:12

"Once you've copied the js file to the jQuery directory you then must enter the information into the Extension Setting. In the Extension Admin Menu click on "Edit" next to the jQuery extension. Then enter the name of the js file (s3Slider.js) into the jQuery File box" - is there any amendment to this for a subdomain.

I cannot quite get it to work and wondered whether the subdomain name should be used or the roor domain?

British Gas

August 26, 2009 16:36

BG,

If you placed the jQuery extension into the newly created jQuery folder in the root of your BlogEngine website this should be all that's required. If you check the source of your page, can you access the path of the jQuery file?

I haven't used the s3Slider plugin, but my hunch is that you will need to alias the jQuery namespace.

John Callaway