Question

I have

$('#structure').html(html);

This works fine in FireFox. IE 8 doesn’t display the html. I also tried it with simple text eg.

$('#structure').html("Test");

or

$('#structure').html("<h3>Test</h3>");

All does nto work with IE 8 but in firefox. So I don’t think it is a problem with invalid html.

if I replace this with

document.write(html);

IE correctly displays the content.

I’m lost. I also tried getElementById and setting innerHTML property or .empty and append. Basically everything i tried worked in FF, nothing in IE 8.

Code runs in a .change() event which is correctly executed also in IE.

Any Ideas?

EDIT:

html is returned by a 3rd party commercial plugin. It returns browser specific code for displaying an ActiveX component (IE) or a plugin (FF). The returned html works. This is not the only place I use this.

Maybe you can’t asyonchronously load ActiveX? that would explain everything.

$(document).ready(function() {

    $('#ID').change(function() {            
        var value = $(this).val();
        getStructure(value);
    });
});


function getStructure(id){          
    $.get(
        'getStructure.php?id=' + id,
        function(data){     
            // 3rd party function call:
            var html = getObjectTag(182, 172, data.Structure); // data["Structure"] does not work too in IE, it does in FF
            // alert(html); // is displayed also in IE when uncommented
            $('#structure').html(html); 
            // alert(html); // is displayed also in IE when uncommented             
    }, 
    "json"
    );          
}
<div class="cssform">
    <div><label>ID</label><input id="ID" type="text"/></div>
</div
<div id="structure"></div>

Note that in another application i use:

var html = getObjectTag(182, 172, aData[0]);
$('td:eq(0)', nRow).html(html);

where aData is an array parameter of the calling function. This is used to display the object in the jquery plugin datatables and here ti works for IE 8 and FF without any issues.

EDIT2:

Further “analysis” makes me believe that the div with id=structure is not found in IE correctly for whatever reasons.

document.getElementById("structure").innerHTML = html;

results in the error “document.getElementById(…)” is null or not an object. using jquery the selector probably returns nothing and hence nothing further is done and no error occurs. Question is, why the element is not found? Makes no sense to me.

Answer 1

Ok. Found the answer:

<div class="cssform">
    <div><label>ID</label><input id="ID" type="text"/></div>
</div <!-- Missing closing > which somehow was accepted by FF -->
<div id="structure"></div>