Отладка IE7 ajax загружен JavaScript

Question

В настоящее время я пытаюсь отладить некоторую странную ошибку, которая возникает только в IE7.

Ошибки, о которых сообщает IE, указывают на пустую строку или иногда на строку 1. Я думаю, что некоторые из ошибок моглипроисходят на странице, загруженной AJAX.Первая ошибка:

Line: 1
Character: 181
Code: 0
Error Message: 'null' is null or not an object
URL: http://192.168.1.103/repositories/asdasd/public_html/admin/module/admin/News/Mod?id=23

Источник страницы:

<script type="text/javascript">

//Prendre en charge la soumission des formulaire. Les traiter en AJAX par défaut.
$("#form_add-image").bind("submit", function(){

    $.ajax({
        url: $("#form_add-image").attr("action"),
        type: $("#form_add-image").attr("method"),
        data: $("#form_add-image").serialize(),
        dataType: 'html',
        success: function(data, textStatus, XMLHttpRequest){

            //Remplacer le contenu
            manualLightboxContent(data, {'width': 1000, 'zIndex': 500000}, "#dialog_imagesZone");
        }
    });

    return false;
});
</script>
<div id="main" class="s_formulaires outlined">
<form id="form_add-image" action="/repositories/asdasd/public_html/admin/moduleAJAX/admin/Media/chain-execute/add-image" method="post">
    <script type="text/javascript"> 
 $(document).ready(function(){
    $('#crop_box').Jcrop({
        setSelect: [ 1380, 0, 1080, 1080],
        aspectRatio: 1,
        bgOpacity: 0.5,
        boxWidth: 640,
        boxHeight: 480,
        onChange: showCoords,
        onSelect: showCoords
    });

    $('#crop_button').button();

    function showCoords(c){
        $('#crop_left').val(c.x);
        $('#crop_top').val(c.y);
        $('#crop_right').val(c.x2);
        $('#crop_bottom').val(c.y2);
        $('#crop_width').val(c.w);
        $('#crop_height').val(c.h);
    };
});
</script>

<h2>Recadrer l'image</h2>
<div style="margin:10px;">
<img src="http://192.168.1.103/repositories/asdasd/public_html/media/module_news/files/23-226-Capture-2.png" id="crop_box" />
</div>
Déplacez la sélection pour choisir la zone à conserver<br /><br />

<div style="display:none;">
<label>left <input type="text" name="crop_left" id="crop_left" size="4"></label>
<label>top <input type="text" name="crop_top" id="crop_top" size="4"></label>
<label>right <input type="text" name="crop_right" id="crop_right" size="4"></label>
<label>bottom <input type="text" name="crop_bottom" id="crop_bottom" size="4"></label>
<label>width <input type="text" name="crop_width" id="crop_width" size="4"></label>
<label>height <input type="text" name="crop_height" id="crop_height" size="4"></label>
</div>

<button id="crop_button">Accepter la sélection</button>
    </form>
</div>

Страница представляет собой лайтбокс, поэтому она использует скрипт, загруженный с главной страницы.(В данном случае: JQuery & JCrop)

У вас есть идея, чтобы помочь мне отладить это ... потому что ошибки не очень многословны.

Answer 1

Microsoft Script Debugger выдает достойные сообщения об ошибках, но его трудно правильно настроить в современной операционной системе.