The Mighty Blog

Feb1

Written by:Will
2/1/2009  RssIcon

jQuery has had a pretty significant release since DotNetNuke 5 was released.  If you want to upgrade jQuery now, here's how...

DotNetNuke 5 was released using jQuery version 1.02.06.  However, jQuery was updated to version 1.03.01 since then.  While 1.03.01 is a bug patch, 1.03.00 has some really great features, like:

  • Upgraded/faster Selector Engine
  • Live Events
  • jQuery Event Object
  • HTML Injection Rewrite
  • Offset Rewrite
  • Removal of Browser Sniffing

There is more to note, but you probably get the point now.  For a full description of these, and all other fixes/features, visit the release log.

Now, you probably noticed from the title of this blog that I am going to talk to you about upgrading the version of jQuery that is currently in your DNN release.  Right now, that would mean upgrading from version 1.02.06 to 1.03.01.  This is not something that you should try on a whim, but it is also very easy to roll back.

DISCLAIMER: Upgrading jQuery is not supported by the DNN Core.  There are many things that may break since the newest version of jQuery has not been officially tested against DNN 5.  That being said, your own or 3rd party components/modules might also break.  It is also very possible that the next version of DNN might not have upgraded jQuery yet, therefore your upgrade might get overridden.

Okay...  We have gotten the formalities out of the way.  Let's upgrade jQuery!

You will find the current jQuery scripts in the following directory:  ~/Resources/Shared/Scripts/jQuery/

DNN jQuery Folder Location

Rename the existing jQuery files to jquery_backup.js, and jquery_backup.min.js, respectively.  This will make rolling back our changes very easy, should we need to do so.

Download the most current version of jQuery from their website, and place a copy in the folder specified above.  Then, rename the jQuery files, removing the version number from the file names.  For example, right now, one of the current files is jquery-1.3.1.js.  Rename it to jquery.js.

After you're done, your folder will now look like the following screen shot.

DNN jQuery Files Following Upgrade

Finally, view your website again, making sure that you clear out your local cache.  That's all there is too it!  :)

Useful Tip:  You can get intellisense for jQuery if you're using Visual Studio 2008.  Jeff King, the Program Manager for Visual Studio Web Tools, blogged about this.

Remember, this upgrade is not supported by the DNN Core.  However, you can indeed count on using a faster, leaner, meaner, more featured version of jQuery if you upgrade.

Technorati Tags: , , , , ,

Copyright ©2009 Will Strohl

2 comment(s) so far...


Gravatar

Good post! Great that you're staying on top of this.

By Brian Scarbeau on   2/2/2009
Gravatar

Thanks Brian.

By Will on   2/2/2009

Your name:
Gravatar Preview
Your email:
(Optional) Email used only to show Gravatar.
Your website:
Comment:
Security Code
CAPTCHA image
Enter the code shown above in the box below
Add Comment   Cancel 
Add to Technorati Favorites
Tweet about my blog
Will Strohl - The Mighty Blog - RSS Feed

Tag Cloud

Sort by:Tag | SizeRSS
camp   community   dnn   dotnetnuke   dotnetnuke®   event   example   free   get   group   integer   jquery   meeting   module   odug   orlando   search   session   think   use  
The opinions expressed here are the personal opinions of Will Strohl and do not necessarily represent the views and opinions of the DotNetNuke Corporation.
© Copyright 2004-2010 by Will Strohl. All rights reserved.Website Skinned By: Ralph Williams  Website Hosted By: Applied Innovations