Custom jQuery overlay tool in Interactive Reports not rendering

Question

As the subject says, I got a problem in rendering jQuery on an Interactive Report. It is working on a non-paginated pages, like forms, and also in Interactive Reports, but whenever the data is getting paginated, after you go to the next page, the jQuery won't work.
Here is the scenario:
I have an Interactive Reports page that displays the Files in my table (all of it are images.)
SELECT
('<img src="#OWNER#.DISPLAY_IMAGE_PROC?image_id='
||f.image_id
||'" width="64" height="48" rel="#img'||f.image_ID||'" />') AS IMAGE
FROM TABLE_NAME
The rel attribute of the image is the one that I am using to get the jQuery to work.
The src of the image is a procedure to get the path of the image. (Based in Denes Demo Application)
On the Interactive Reports Page, it displays the image correctly.
When you click the Image it will display an overlay image with the size of 640x480.
But when you go to the next page, the function will not work, and there are no errors given (javascript / oracle error / any other).
If you don't know how to implement a simple overlay tool in jQuery go here: http://jquerytools.org/demos/overlay/index.html
anybody experience something like this?
-Philip
Edited by: 942717 on Jun 25, 2012 2:44 PM

Answer 1

You need to enable overlay on after refresh event of the report
Create a dynamic action
Event: After Refresh
Selection Type: Region > and select your IR region
Action: Execute JavaScript Code
Code: add your overlay code something like below
$("img[rel]").overlay();