Trying to get this jQuery selector to work in FF, currently only works in IE; regarding ReportViewer 2008

Question

Trying to get this jQuery selector to work in FF, currently only works in IE; regarding ReportViewer 2008

731 Views Asked by Cᴏʀʏ At 05 April 2025 at 00:14

The ReportViewer 2008 web control emits a nasty HTML DOM structure. I'm trying to get to a certain element deep down in the HTML, and am currently only able to get my jQuery selector working in IE. I'm hoping someone could help me out with that last part!

The HTML we're talking about looks like this (simplified for example):

<div id="uxReportViewer">
    <iframe id="ReportFrame_uxReportViewer">
        <html>
            <frameset id="frameset">
                <frame name="docmap" id="docmap" />
                <frame name="report" id="report">
                    <html>
                        <body class="r0">
                            <div id="oReportDiv">
                                <table>
                                    <tbody>
                                        <tr>
                                            <td id="oReportCell" /> <!-- Goal -->
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </body>
                    </html>
                </frame>
            </frameset>
        </html>
    </iframe>
    <iframe id="PrintFrame_uxReportViewer" />
</div>

It's the <td id="oReportCell" /> element that I need to grab hold of.

This currently works in IE:

$('div#oReportDiv > table > tbody > tr > td#oReportCell',
    $('#uxReportViewer > iframe:eq(0)')
        .contents()
        .find('html')[0]
        .document
        .frames["report"]
        .document
);

But in FF, I can only get so far, not even into the scope I specified:

$('#uxReportViewer > iframe:eq(0)')
    .contents()
    .find('html')[0] // good through here
    .document;       // document is not defined

Instead of .document in FF, there is an ownerDocument and a parentNode attribute that are HTMLDocument types, but then I can't find the frames in the document.

Any ideas?

Thanks!

Original Q&A

There are 3 best solutions below

Andomar On 06 March 2011 at 21:48

EDIT: Ok, didn't know that. For what it's worth, HTML Tidy thinks the HTML isn't exactly valid:

HTML Tidy Parsing ...
line 19 column 9 - Warning: discarding unexpected <html>
line 18 column 5 - Warning: missing </iframe> before <frameset>
line 17 column 1 - Warning: missing </div> before <frameset>
line 20 column 13 - Warning: <frameset> isn't allowed in <body> elements
line 10 column 1 - Info: <body> previously mentioned
line 21 column 17 - Warning: <frame> isn't allowed in <body> elements
line 10 column 1 - Info: <body> previously mentioned
line 3 column 1 - Warning: inserting missing 'title' element
line 4 column 3 - Warning: <style> inserting "type" attribute
line 7 column 3 - Warning: <script> inserting "type" attribute
Info: Document content looks like HTML Proprietary
8 warnings, 0 errors were found!

Perhaps jQuery is not designed to work in this circumstance.

Šime Vidas On 06 March 2011 at 22:20

I'm testing in Chrome.

When using your exact HTML code, the contents of the IFRAME are just an empty HEAD and an empty BODY. I am not able to fetch the FRAMEs.

This:

$('#uxReportViewer iframe:first').contents().find('html')[0].innerHTML

will return:

<head></head><body></body>

See here: http://jsfiddle.net/simevidas/REdeN/

**Cᴏʀʏ** · Accepted Answer

I beat my head against it for a while longer and found that this works in both IE8 and FF3.6:

$('#oReportCell', 
    $('#uxReportViewer > iframe:eq(0)')
        .contents()
        .find('html')
        .contents()
        .find('frame[name=report]')[0]
        .contentWindow // supported by modern browsers
        .document
);

It's not pretty, but works.

Trying to get this jQuery selector to work in FF, currently only works in IE; regarding ReportViewer 2008

There are 3 best solutions below

Related Questions in JQUERY

Related Questions in HTML

Related Questions in DOM

Related Questions in CROSS-BROWSER

Related Questions in REPORTVIEWER2008

Trending Questions

Popular # Hahtags

Popular Questions