Question

I am trying to make an really simple CMS system, so far so good.
But now when I’m trying to load an editing page into a div (.load – jQuery) IE doesn’t display it, Firefox does.

Here is my loading code

function edit_item(id){
    $('#row_'+id).load("actions/edit.php?id="+id, function(response, status, xhr) {
      if (status == "error") {
        var msg = "Sorry but there was an error: ";
        $('#row_'+id).html(msg + xhr.status + " " + xhr.statusText);
      }
    });
}

And here’s the page I am trying to load

<?php
include('connect.php');
$item = resultset;
?>
<script>
$(function() {
    $("#datepicker").datepicker();
    $("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd");
    var currentdate = $("#currentdate").val()
    $("#datepicker").datepicker('setDate', currentdate);

});
</script>
<form method="POST" action="actions/update.php">
    <input type="hidden" id="currentdate" value="<?=$item['datum']?>">
    <table style="border: 1px solid black; margin-left: 10px; width: 620px;">
        <tbody>
        <tr>
            <td>Titel</td>
            <td><input type="text" name="titel" class="input" style="width: 560px;" value="<?=$item['titel']?>"></td>
        </tr>
        <tr>
            <td>Datum</td>
            <td><input type="text" name="datum" class="input" id="datepicker" style="width: 560px;"></td>
        </tr>
        <tr>
            <td>Bericht</td>
            <td><textarea name="inhoud" class="input" style="width: 560px; height: 300px;"><?=$item['inhoud']?></textarea></td>
        </tr>
        <tr>
            <td>Foto's</td>
            <td>
                <input type="file" name="foto[]">
                <input type="file" name="foto[]">
                <input type="file" name="foto[]">
                <input type="file" name="foto[]">
                <input type="file" name="foto[]">
                <input type="file" name="foto[]">
            </td>
        </tr>
        <tr>
            <td colspan="2"><input type="submit" id="toevoegen" value="Updaten" class="input" style="float:right; margin-right: 5px; margin-top: 5px;"></td>
        </tr>
        </tbody>
    </table>
    <input type="hidden" name="id" value="<?=$_GET['id']?>">
    <input type="hidden" name="aktie" value="item">
</form>

Internet Explorer is giving me this error:

Sorry but there was an error: 0 Error: Could not complete the
operation due to error c00ce56e.

Solution: header('Content-Type: text/html; charset=UTF-8'); was doing the trick, however IE had it cached. When I cleared it – it started working again so thanks!

Answer 1

Googling the error code seems to suggest the problem is the encoding of the XHR response.

If you set encoding headers for XMLHttpRequests to header(‘Content-Type’ , ‘text/html; charset=utf8‘); instead of header(‘Content-Type’, ‘text/html; charset=UTF-8‘); IE7 will give the nice and clear error c00ce56e.

See: http://blog.shpare.com/2008/03/04/error-c00ce56e-in-ie/