Jquery IE Issue, DOM is updated but page is not

Question

I am working in javascript/jquery and my code works in Chrome and FF. I need it to work in IE and it does not. There is no error explicit in output, but what i am doing has no effect. All alerts suggest that everything is working correctly. I am working with a frameset like so:

<frameset rows="25%,75%">
    <frame name="frame1" src="ex.asp">
    <frameset cols="40%,60%">
        <frame name="frame2" src="wai.asp">
        <frame name="frame3" src="zee.asp">
    </frameset>
</frameset>

I am using JS functions to populate a table in frame 1. This happens when something is selected in frame 2 or frame 3. Once data is selected, Jquery is used to add a row to the table.

var test = window.top;
var body = $(test.frames[0].document.body);
$(body).find('#TxList').append('<tr>').text(sPayload);

there is also some forms that are populated like so:

window.top.frames[0].document.FORM.SELECTEDTX.value = sPayload;

etc.

So, this works in Chrome and FF but not in IE. I used to DebugBar and looked at the page's DOM and my jquery data appears there as if there is no problem. However it does not show up on the page and does not appear in "view source."

All of my scripts are on an external .js file. What is happening?

just a little friendly advice - do not use frames, they are [already deprecated](http://stackoverflow.com/a/4263583/467164) (and create more problems than they usually solve) — Zathrus Writer, Sep 27 '12 at 14:11
thanks! the closing tags worked. Zathrus, any suggestions on another route than frames? — Jack, Sep 27 '12 at 14:26

score 0 · Accepted Answer · answered Sep 27 '12 at 14:12

0

You need TD to add text in TR and make sure #TxList is table

Try with -

$('#TxList').append('<tr><td>'+sPayload+'</td></tr>');

answered Sep 27 '12 at 14:12

Dipak

11,930
1
30
31

Jquery IE Issue, DOM is updated but page is not

1 Answers1