Richfaces and Thickbox with JQuery

[jucobb2]

I am using richfaces 3.1.3. I am trying to use Thickbox and jquery to display some information. Thickbox calls for the use of jquery, so if i just use the thickbox.js file it doesnt work, so I tried incorporating a new version of jquery into the page, this allows the thickbox to show but then it messes up some of my richfaces components. I am not sure if thickbox just can't use the jquery version included in the richfaces distribution, or maybe its not seeing it. Is there anyway to upgrade just the jquery library in richfaces? Or do i need to do something else so that the thickbox.js can see the richfaces jquery. Or has anyone else run into this?

[sergeysmirnov]

Most easiest way is using ALL for lLoadStyleStrategy:

See:
http://www.jboss.com/index.html?module=bb&op=viewtopic&t=126207

After that, the jQuery will be loaded on each you page and you just need to add thickbox.js by yourself.

Do not add one more copy of jQuery. Two of them loaded at the same time might cause unexpected glitches.

Read the second paragraph at http://livedemo.exadel.com/richfaces-demo/richfaces/jQuery.jsf. It is still important.

[jucobb2]

I tried that and it still wont work with the jquery library that is included in richfaces. It doesnt do anything with the Thickbox. Is there anyway to patch in a different version of jquery into richfaces?

With thickbox all you do is set the class attribute to = thickbox. Not sure how I can get this to work.

[sergeysmirnov]

do you have any js error in the firebug console?

[jucobb2]

I am getting an error:

$(document).ready is not a function
http://localhost:8080/testapp/javascripts/thickbox-compressed.js
Line 10


Do I need to change $(document) to jQuery(document) in the thickbox.js??

[sergeysmirnov]

I do not thing that third party extension js should be fixed in order to switch between $() and jQuery(). If so, it is a critical bug in such extension. I do not think that thickbox has it.

Try to use thickbox and jQuery, but without RichFaces. Set noConflict option and see how they work. If OK, you did something wrong with current configuration. (In general, it looks like the jQuery is loaded twice and the noConflict was ommited)

[jucobb2]

I did try the noConflict and that made it not work at all. I ended up finding another library that achieved the same thing. It works without any conflicts. Thanks for your help

[sergeysmirnov]

Ok. Good to know. You can submit the bug to them if you wish. noConflict is a standard jQuery mode, but not something extraordinary. All extension should take care about it.