Accessing a div element with jQuery

[Margret]

Hi.

Is it possible to access a div element with jQuery? I need to write a costum jQuery function
for a "onClick" event in my Report. Within the div I have a picture and when the user clicks
on it, I want to pop-up a window to display the photo.

Screenshot: http://i44.tinypic.com/ok9y5e.jpg

Thanks!

[Steve]

Hello Margret,

You can set a Hyperlink Action to the PictureBox item that would open another window with the full size image.

All the best,
Steve
the Telerik team

[Margret]

Hi Steve.

Thank you for the answer. But I need to open the picture in a jQuery dialog, so I need acccess to the DIV element or is it possible to override the Hyperlink Action so I could use it for my purpose?

Best regards.

[Steve]

Hi Margret,

You cannot override the Hyperlink action. You can however hook up to the OnReportLoaded event of the viewer and do what you need there.

<telerik:ReportViewer ID="ReportViewer1" runat="server"  style="border:1px solid #ccc;" width="99%" height="99%"/>
            <script type="text/javascript">
                ReportViewer.prototype.OnReportLoadedOld = ReportViewer.OnReportLoaded;
                ReportViewer.prototype.OnReportLoaded = function () {
                    this.OnReportLoadedOld();

                    var reportFrame = document.getElementById(this.reportFrameID);
                    var reportDocument = reportFrame.contentWindow.document;
                    var body = reportDocument.getElementsByTagName("body")[0];
            //find the div and do what you need
                }
</script>

Note however that in your particular scenario, you want to use the report to "post" some kind of "commands" for your application that are not valid from outside the application. We would suggest extracting these actions from the reports to the application as this way the reports will contain only the relevant information and will be really portable - that is you can export them to PDF or Excel and can open them outside your application.

Regards,
Steve
the Telerik team