DotNetNuke Tutorials and Articles

With the use of jQuery on a DNN page, I wanted to ensure, when using the lightbox code in my XMod applications, that my call to the jQuery version from the location /DesktopModules/XMod/scripts/jquery.js was not going to cause conflict with additional modules that were using a newer version of jQuery.

After considerable research, I discovered that it was realtively easy to do.

1. Download the latest jQuery 1.3.2 and upload it to a location on your portal. At the time of this post I am using jquery-1.3.2.min.js. It can be downloaded from
Download jQuery 1.3.2 here

2. I changed the link location in my XMod template code from
/DesktopModules/XMod/scripts/jquery.js

to the location of the upload directory where I placed the jquery-1.3.2.min.js file

In my case: /Portals/0/xmod/packages/BusinessDirectory/jquery-1.3.2.min.js

3. I opened the thickbox.js file and made the following change:

TB_TempArray = $("a[@rel="+imageGroup+"]").get();

to

TB_TempArray = $("a[rel="+imageGroup+"]").get();

and saved/uploaded the thickbox.js file back to my portal.

That's it!

You can see the result in action at DNN Professor DNN Directory

Click the more info link on the JustNorth.com listing and click the photos tab.

Remember: It always good practice to backup your forms, templates, and files before making modifications.

Enjoy,
Buck